From the course: CSS Positioning Best Practices

Unlock this course with a free trial

Join today to access over 22,500 courses taught by industry experts.

Creating a page containing an ordered list

Creating a page containing an ordered list - CSS Tutorial

From the course: CSS Positioning Best Practices

Start my 1-month free trial Buy for my team

Creating a page containing an ordered list

“

So now we're going to setup the Lifestyle page for the Surfing Lifestyle. This is what it looks like. It has this little menu at the top. It has this ordered list down here. We'll be sure to check that in Internet Explorer. So, let's go ahead and get started. Here's our template and this is all in the lifestyle folder in the Exercise Files, and our beginning.css and the lifestyle.txt, so we'll do our Save As. This will be lifestyle.html and our beginning.css that becomes main.css and lifestyle.txt that doesn't need to get saved as anything. I can go ahead and put this in our copy buffer now, pressing Ctrl+C or Command+C on a Mac. Now before we do anything else, we're going to change the title, Groundswell Lifestyle, and we'll come down here and we'll move our current down to lifestyle, <class="current">, I'll need that other quote also, there it is. We'll change the banner to the lifestyle_banner. Go ahead and save. Let's load this up in the browser and see where we are. We still have…

Contents