Mandy Covington wrote:
>
> I'm new to this list and new to website design so I hope someone can help me 
> with a nav bar that I want to modify. How do I make it so that the last item 
> in the navigation list - i.e. in this case "testimonials" does not have a 
> right-hand border. I still want the right hand border on the other items. I 
> know I read that that can be done somewhere but I really cannot find where I 
> saw it. Thank you very much - here's the link to the relevant web page.
>
> http://www.hypertextproductions.co.uk/home.html
Welcome. You are doing extremely well!
You could try creating a class (li.last) to remove the last border:
css
ul#navlist li a, ul#navlist li.last a
{
float: left;
font-size: 18.5px;
width: 100px;
color: #000;
padding: 0.2em 2px;
text-decoration: none;
border-right: 1px dotted #444;
text-align:center;
}
ul#navlist li.last a {
border-right: none;
}
html
<li class="last"><a href="#"><span id="test">testimonials</span></a></li> 
Best,
~dL
PS Trivia:
-- validate
-- consider reducing the font-size for the menu to 85% or 90% (percent 
not px)
-- the validation buttons may just set you up and are likely to be 
distraction for users

-- 
http://chelseacreekstudio.com/

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to