Suzanne Goodwin wrote: >I like the look of the updated tabs on veer.com, so I wanted to see if I >could do it with CSS only (OK, I *did* use Dean Edwards IE7 scripts, >hoping to avoid IE problems, since that gives me :hover support and >transparent pngs)... I did fine as far as all non-IE browsers are >concerned, but of course nothing works in IE, and I can't for the life >of me figure out why. I feel it must be something obvious I'm >overlooking. If anyone has time to take a look, I'd sure appreciate it: > >http://www.skydogtech.com/aveksa/nav_main.html > Hi Suzanne, I've to disappoint you first: I don't know why either. But if I'm right, you don't plan to have subitems under the tabs?
1. In that case you don't need a special :hover script for IE (the items are all normal <a>links, supported bij IE). 2. As far as the design is now, you don't really need png's either, I think. It can be done just with jpg's or gifs (small overlap with the next tab for the shadows), and with the same basic css as you have now. With a padding for the links you can position the clickable area just at the tabs. Then no troubles (and extra patch accessoires and extra kB's) to expect for IE. Makes live a lot easier. A similar way to use combined gif's for a liquid css tab-design you can find at this testpage <http://home.tiscali.nl/developerscorner/css-discuss/paulwalker-francky.htm>of some time ago. Or maybe you can take a look at the Liquid Round Cornerspages <http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm> on my site for some inspiration. - All this is scriptless and IE-proof. And working in the others ;-). Hope you can use some of this, Greetings, francky ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
