Hey all,
This is probably going to sound a bit of a stupid question, but you've
always helped in the past, so here goes:
If have a div, containing a ul, containing li s containing a link each:
<div id="navigation">
<ul id="navbar">
<li id="home"><a href="index.php">Home</a></li>
<li id="about"><a href="about.php">About</a></li>
<li id="portfolio"><a href="portfolio.php">Portfolio</a></li>
<li id="contact" class="right"><a href="contact.php">Contact</a></li>
</ul>
</div>
And the CSS of that is:
ul#navbar li{
display:inline;
border-right:solid black 2px;
font-size:110%;
}
ul#navbar li.right{
border-right:none;
}
ul#navbar li a{
padding:8px;
padding-right:10px;
text-decoration:none;
color:black;
}
ul#navbar li a:hover{
font-style:italic;
}
This is all working quite nicely, except that because I want the font to
be italicised on rollover, the font changes width, and the links move
around at a bit. Basically, these links aren't going to change their
text very often, so I want to specify a width for each li/a to be
observed *regardless of whether the link is italicised or not* . This
would make sure that the borders do not alter their locations when the
links are rolled over.
For the sake of brevity, I will leave you fantastic CSS gurus to it and
not drone on endless - I'm sure there must be a simple way of doing this...
Thanks,
--
Harry Burt
Head Designer, *Foundation Flash*
/http://www.foundation-flash.com/
______________________________________________________________________
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/
