Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.
- Create BookmarkCreate Bookmark
- Create Note or TagCreate Note or Tag
- DownloadDownload
- PrintPrint
12. Layout and Positioning: Arranging El... > Let’s take Starbuzz to the next leve...
Let’s take Starbuzz to the next level
Here’s the goal: to turn Starbuzz Coffee into the site on the right. To do that, we need to move the Bean Machine sidebar over to the right so we’ve got a nice two-column page. Well, you’ve done this once already with the lounge, right? So, based on that, here’s what you need to do:
-
Give the element you’re going to float a unique name using an
id. That’s already done. -
Make sure the element’s XHTML is just below the element you want it to float under; in this case, the Starbuzz header.
-
Set a width on the element.
-
Float the element to the left or the right. It looks like you want to float it right.
Let’s get started. In a few simple steps, we should have the Starbuzz CEO sending a few Chai Teas over on the house.
