Micha? Zielin'ski wrote:
http://zielinski.civ.pl/test/tabs/
As you can see in the example the border looks like border:1px dotted
#000; but unfortunately there are differences which my designer can`t
accept.
Initial thought: shoot the designer ... but I guess that's not an option :-)
Compatibility with older browsers are also an issue so css3 is not
the case.
What you have now isn't working as intended in IE6 and older.
I don`t like the way I did it. I still believe there is an easier and
better way. Tabs have id and span. They are more static than dynamic.
If I`d like to add third tab I have to modify the css as well.
I think the sliding doors variant I'm demoing here is easy to adapt...
http://www.gunlaug.no/tos/moa_13a.html
...and it also comes with sprites if there's a need for it...
http://www.gunlaug.no/tos/moa_13a-01.html
Besides: it works in IE, and everywhere else, regardless of mode, and can take
font resizing in all browsers - which yours can't as it stands.
Only a question of creating new images and adjusting styles for :hover/this for
alignment. No need to change CSS if you change order/number of tabs in the
source-code.
regards
Georg
Georg,
I'm new to this list and have never posted before. So, please excuse this
interruption. But, I have a question regarding your sliding doors nav menu.
Why is it (in IE6) when I hover over each tab I see the background color for a
split second, and then, I see a smooth-rounded corner?
I am curious, because I love the effect. And, I have not taken the time to
examine your code to figure it out for myself.
Thanks for the insight.
Bill
http://www.bowlesrice.com/
Bill Napier
Creative Design Coordinator
Bowles Rice McDavid Graff Love LLP
Post Office Box 1386
Charleston, West Virginia 25325-1386
Telephone: (304) 347-2139
Facsimile: (304) 343-3058
mailto:[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/