Branching Out


Now that we've seen how to create buttons and tabs with simple markup, here's your chance to take the concepts even further.

  1. Try adapting the Sliding Doors technique to a vertical list of links that can be as tall or short as you prefer. Note that, in this case, it isn't as big a deal if links wrap to two or more lines.

    graphics/07inf01.jpg

  2. Create your own tab efsfect and implement it using the same markup and techniques explored in this project. The more creative, the better!

    graphics/07inf02.jpg

  3. For an extra challenge, create diamond-tipped links that have a striped background behind them and carry the theme throughout the "navigation stripe." Hint: This will actually require two background images, one for the tabs and one for the element that contains them.

    graphics/07inf03.jpg



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

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net