Branching Out

Try creating styles to accomplish each of the variations described here. If the markup needs to be changed to make the variation easier or even possible, it will be noted in the text.

  1. In the "Mansfield" design, try changing the backgrounds (and background colors) around. For example, you could use the washed-out background for the title, the faded image for the masthead, and the basic image for the body. Don't forget to change the colors, too!


  2. In the "stormclouds" design, change the placement of the background images so that they're all centered horizontally within their elements. Make sure they all continue to line up with each other.


  3. Change the "stormclouds" design as discussed in the "Pros and Cons" section, altering the markup slightly and rearranging the styles so that the visual outcome is the same but the layout is more resistant to text wrapping in the title.


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: