Branching Out

Starting with the styles we created in this project, try to accomplish the following modifications without changing the document's structure. Notice how easy it is to do it this way instead of trying to rewrite the tables.

  1. Move the navbar into the upper-right corner of the page and put the subtitle below it so that the baselines of the subtitle and main title line up. Since that frees up some space under the masthead, move the review text upward so that you don't waste too much screen real estate.


  2. Flip the layout around so that the sidebar is on the right and the review on the left. Remember that the chef gets cut off right where the sidebar sits now, so a visual finish of some kind will be needed. For extra credit, extend the summary's top border to touch the info box without allowing any of the text in the review to get within 40 pixels of the sidebar.


More Eric Meyer on CSS
More Eric Meyer on CSS (Voices That Matter)
ISBN: 0735714258
EAN: 2147483647
Year: 2006
Pages: 109
Authors: Eric Meyer

Similar book on Amazon © 2008-2017.
If you may any questions please contact us: