Hallo Webmasters,

Ik ben bezig aan een nieuwe site in CSS.
De site is bijna klaar echter verschuiven de knoppen van het menu naar links of rechts.

Wie o wie kan mij helpen?

Groetjes,

Armand

URL zou wel handig zijn...

Het is een offline versie vandaar ;)

Ik heb het op (adult) http://tinyurl.com/bvw7frv geplaatst.

P.S. De titels van het menubalk verschuiven circa 2 pixel.

Natuurlijk verschuift het als de actieve knop een border heeft en de inactieve niet...

1px border *2 (1 links, 1 rechts) = 2px

EDIT: padding 1px minder of zo doen?

Eens kijken wat ik kan doen.
Aanvullend bericht:
Het is mijn eerste CSS website dus ik zal wellicht iets éénvoudigs over het hoofd zien...

Dit is de code

#navigation {
color: #000;
padding: 0px;
}
#navlist
{
padding: 5px 0px;
margin-left: 0;
font: bold 14px Verdana, sans-serif;
width: 924px;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 5px 0.5em;
margin-left: 0px;
border: 0px solid #ff2da3;
border-bottom: none;
text-decoration: none;
}

#navlist li a:link { color: #000; }
#navlist li a:visited { color: #000; }

#navlist li a:hover
{
color: #000;
border-color: #000;
}

#navlist li a#current
{
border-radius: 5px 5px 0px 0px;
border-bottom: 1px solid white;
border-left: 1px solid #ff2da3;
border-right: 1px solid #ff2da3;
border-top: 1px solid #ff2da3;
}
Aanvullend bericht:
Niemand?

Wat ik dus bedoel: een "current" item wordt door de border opeens 2px breder; dit heeft invloed op de andere items.

Dus we maken de padding even alles in px (0.5 em van een 14px is 7px)

#navlist li a
{
padding: 5px 7px;
margin-left: 0px;
border: 0px solid #ff2da3;
border-bottom: none;
text-decoration: none;
}

#navlist li a#current
{
padding: 5px 6px;
border-radius: 5px 5px 0px 0px;
border-bottom: 1px solid white;
border-left: 1px solid #ff2da3;
border-right: 1px solid #ff2da3;
border-top: 1px solid #ff2da3;
}

>> padding A [ 5px 7px ]
>> padding A#current [ 5px 6px ] >> border erbij: gelijke breedte als voorheen doch met border.

EDIT: als je geen border gebruikt, dan hoef je deze ook niet te definiëren (border:0)

Bedankt Marcel!
Het is gelukt... :)