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 - CSS Tutorial
From the course: CSS Positioning Best Practices
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
(Locked)
Exploring the finished web site2m 5s
-
(Locked)
Building a document header9m 40s
-
(Locked)
Placing a contact button6m 5s
-
(Locked)
Laying out a main menu11m 44s
-
(Locked)
Creating a layout template pt. 1: Main body area11m 44s
-
(Locked)
Creating a layout template pt. 2: Sidebar area6m 46s
-
(Locked)
Creating a layout template pt. 3: Footer content5m 19s
-
(Locked)
Building a main home page pt. 1: Main body content10m 57s
-
(Locked)
Building a main home page pt. 2: Sidebar content8m 21s
-
(Locked)
Creating a page with a menu, graphics, and formatted links15m 31s
-
(Locked)
Creating a page containing an ordered list9m 8s
-
(Locked)
Creating a page containing video9m 23s
-
(Locked)
-