ESPN "tabs"

Ye' old general discussion board. Basically, for everything that isn't covered elsewhere. Come here to shoot the breeze, shoot your mouth off, or whatever suits your fancy.
This forum is not for asking programming related questions.

Moderator: General Moderators

Post Reply
User avatar
Toneboy
Forum Contributor
Posts: 102
Joined: Wed Jul 31, 2002 5:59 am
Location: Law, Scotland.
Contact:

ESPN "tabs"

Post by Toneboy »

They're one of my favourite features on any web site. You'll see them on the home page, and also within the main Baseball index as well (for swapping between the links for Peter Gammons, Rob Neyer and Jayson Stark).

Anyone know how you design them, or something similar? Any tell-tale pages or tutorials out there?
will
Forum Contributor
Posts: 120
Joined: Fri Jun 21, 2002 9:38 am
Location: Memphis, TN

Post by will »

quite simple... div tags and the css "display" property. view the source of the homepage and jump down to line 799 - read on from there.
McGruff
DevNet Master
Posts: 2893
Joined: Thu Jan 30, 2003 8:26 pm
Location: Glasgow, Scotland

Post by McGruff »

That ESPN site has too much js and flash for my taste (any flash at all is too much for me :roll:). I got bored looking through the lengthy source code but here's a link which explains how to do it with CSS:

http://www.w3.org/Style/Examples/007/target.html
User avatar
Toneboy
Forum Contributor
Posts: 102
Joined: Wed Jul 31, 2002 5:59 am
Location: Law, Scotland.
Contact:

Post by Toneboy »

Taking a peek through it, bit by bit. Even by an amateur's glance this looks as if it could be trimmed down a fair bit (using PHP, naturally).
Post Reply