how do I give this to each link? so that the last one does not have the white boarder on the right? thanks a bunch On Oct 2, 2010, at 11:00 AM, Thierry Koblentz wrote: >> Can anybody please let me know how to make the purple horizontal >> navigation to go all the way to the right. >> So that there is no "empty" space after the Mercantile link. >> http://www.moscowfood.coop/design_new/index.php?nmx=2_0 >> css is here: >> http://www.moscowfood.coop/design_new/coop.css >> Many thanks. > > Thanks for the screenshot, now I see what you mean > > In browsers that support it you can use display:table/table-row/ > table-cell > > Or you can give a width to the links you're floating. > For example: > #navcontainer ul li a { > background-color:#532F64; > border-right:1px solid #FFFFFF; > color:white; > float:left; > padding:0.2em 0; /* zero out left/right margins */ > text-align:center; /* add this */ > text-decoration:none; > width:101px; /* add this */ > } > > Then remove the border on the last link > > -- > Regards, > Thierry > www.tjkdesign.com | www.ez-css.org | @thierrykoblentz > ______________________________________________________________________ css-discuss [EMAIL-REMOVED]] 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/
