2 replies [Last post]
DJSdotcom
Offline
Enthusiast
Rochester, NY / Chicago, IL
Last seen: 17 years 28 weeks ago
Rochester, NY / Chicago, IL
Joined: 2003-03-23
Posts: 95
Points: 0

Hey everybody Wink

I'm working on some cool CSS code examples for my soon-to-be-updated portfolio, and this is one of those examples.

While working on a web interface for a piece of investment software, there came the tough work of making some tab navigation, but the tabs have three different states: "currently selected", "could be selected", "not currently available".

Besides that, there are two distinct levels of tabs (as you'll see from the link above), and they have to look differently or else some users might get confused.

Anyway, site checks would be awesome Wink I've checked in Safari, IE5 Mac, and Mozilla... all on the Mac.

Please tell me what you think, and if it breaks in other browsers.

Thanks guys!!!!
Mike

</twocents>

exorcyze
Offline
Regular
Last seen: 17 years 9 weeks ago
Joined: 2003-07-30
Posts: 18
Points: 0

Tri-Modal CSS Tabs

Seems to work as intended in Phoenix / win. In IE 6 / win they don't have their top border and when you click on them they get the disabled appearance. Doesn't work at all in Opera 7 / win...

DJSdotcom
Offline
Enthusiast
Rochester, NY / Chicago, IL
Last seen: 17 years 28 weeks ago
Rochester, NY / Chicago, IL
Joined: 2003-03-23
Posts: 95
Points: 0

Tri-Modal CSS Tabs

I just checked them, and man do they look back on Windows lol.

I'll have to mess around with the code a little bit...

</twocents>