Free Trial

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
  • PrintPrint
Share this Page URL
Help

12. Layout and Positioning: Arranging El... > Behind the scenes at the lounge

Behind the scenes at the lounge

Now you know all about flow and how floated elements are placed on the page. Let’s look back at the lounge and see how this all fits together.

image with no caption

Exercise

Move the elixirs <div> back to its original place below the music recommendations, then save and reload the page. Where does the element float now? Check your answer in the back and then put your elixirs <div> back underneath the header.

image with no caption

It looks like you’ve got a new assignment. Starbuzz really could use some improvement. Sure, you’ve done a great job of creating the typical top to bottom page, but now that you know flow, you should be able to give Starbuzz Coffee a slick new look that is more user-friendly than the last design.

We do have a little secret though... we’ve been working on this one a bit already. We’ve created an updated version of the site. Your job is going to be to provide all the layout. Don’t worry, we’ll bring you up to speed on everything we’ve done so far – it’s nothing you haven’t seen before.


  

You are currently reading a PREVIEW of this book.

                                                                                                                    

Get instant access to over $1 million worth of books and videos.

  

Start a Free Trial


  
  • Safari Books Online
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint