In article <40*********************@news.free.fr>,
metalseb <me******@free.fr> wrote:
Hi folks
I want to implement a full CSS navbar on the top of my page. Basically, this
is a DIV with links on <li> tags shown in inline display.
Things are going right, but if I want to show a dashed border around the
links on hover, the li elements move horizontally. Hovering on the first
element shift the two remaining ones to the right, hovering on the middle
element shit the left one to the left, the right one to the right.
I cannot find a solution to stick them in place.
[Code snipped.]
Simple. Add "border:1px solid #336699;" to your "div#navbar2 li a"
selector. Since the border matches your background, it's the same
effect as if it was transparent (which you can't actually use as a
border color).
div#navbar2 li a
{
text-decoration:none;
padding:7px 10px;
color:#fff;
border: 1px solid #336699;
}
--
lkseitz (Lee K. Seitz) .at. hiwaay @dot@ net
"You may say I'm a dreamer, / but I'm not the only one,
I hope some day you'll join us, / And the world will live as one."
-- John Lennon, _Imagine_