I can't help directly, but just in case you haven't tried this yet ...
You can alter the styles for the current page throughout your site by assigning each page <body> and each <li> in your navigation list a unique id, then setting up some descendant selector rules, eg.
HTML: <body id="contact"> ... <div id="navigation"> <ul> ... <li><a id="contactTab" href="contact.php">Contact</a></li> </ul> ...
CSS:
body#home a#homeTab,
...
body#contact a#contactTab { ... }As a side benefit, you can then include the navigation div into each page with php and keep your code in the one place, rather than having several similar but slightly different versions throughout your site.
I can't play around with the browser that's giving you problems because I'm on a different platform, but if buggy behaviour is involved it might help to try a different approach.
Cheers, Mike
On Thursday, April 22, 2004, at 01:23 PM, Chris Stratford wrote:
Hey Peter,
No it didnt work... I added the code like you said. But its not the problem.
it only happens with the 5th tab... even if there are 7 tabs, only the 5th tab is effected... no matter what content is written in that tab..
its really eating at my sanity.
but yeah. RE: tab width...
I have styled the <a> tag to be the tab, not the <li>
so when i hover it changes appearance...
would making the LI a fixed witdth work?
And also - the LI is display: inline, and I have never seen widths set to inline elements before...
some things i just dont get!
Chris Stratford [EMAIL PROTECTED] Http://www.neester.com
Peter Firminger wrote:
Did my suggestion last night help?
Hey everyone... this problem is still a problem for me...
anyone have any suggestions??
basically - I want to define the width of the tabs on my website... withouth havint to add a span...
Try something like this locally if you want to have different values for
each:
<li style="width: 80px;"><a href="/something/index.htm">Something</a></li>
<li style="width: 90px;"><a href="/something/index.htm">Something</a></li>
<li style="width: 1000px;"><a href="/something/index.htm">Something</a></li>
P
***************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *****************************************************
.
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
