From the course: CSS Positioning Best Practices

Unlock this course with a free trial

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

Creating a layout template pt. 2: Sidebar area

Creating a layout template pt. 2: Sidebar area - CSS Tutorial

From the course: CSS Positioning Best Practices

Start my 1-month free trial Buy for my team

Creating a layout template pt. 2: Sidebar area

“

Continuing in our development of this website, I'm going to now setup the right-hand column and that will become a part of our template. So here is our text editor again and we have our beginning HTML and the beginning.css from the layout-right folder. We'll go ahead and do our Save As, which will save this as template.html and the CSS will become main.css. We'll go ahead and put in the right column in the XHTML. This is real easy. So it gets its own div inside of the content and outside of the main content. So I call this sideBar. You'll notice that I capitalize the second words in my selectors. This type of capitalization is called CamelCase where the first letter is lower case, and then each succeeding word has a capital letter. The reason I do this is because in CSS selectors can have letters and numbers and underscores, but they cannot have dashes or spaces or anything like that. And I personally dislike underscores. A lot of people like them. They think they look like spaces…

Contents