[vandura]

Hallo,

ich habe eine kurze Frage.

Habe mir ein ganz einfaches textmenü mit CSS gebaut. Beim 'hover' soll nun die Schrift des menüpunktes fett werden. Funktioniert auch, nur leider wird die Schrift dadurch ja breiter und die nachvolgenden menüpunkte verschieben sich dann nach recht.

Das sieht nicht sehr schön aus. Kann man da was schlaues machen? Die einzelnen Menüpunkte sind leider unterschiedlich breit.

Hier das css:

ul#hNavlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#hNavlist li
{
display: inline;
list-style-type: none;
}

#hNavlist a { padding: 3px 10px; }

#hNavlist a:link, #hNavlist a:visited
{
color: #00285b;
font-family: Verdana, sans-serif;
font-size: 11px;
background-color: #ededee;
text-decoration: none;
}

#hNavlist a:hover
{
color: #00285b;
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
background-color: #ededee;
text-decoration: none;
}

Wäre schön, wenn jemand eine Idee hat.

Danke schonmal!

[Nightuser]

Entweder du arbeitest mit fester Breitenangabe oder du setzt bei a padding-left & padding-right, bei a:hover nicht.
Hab ich auch mal so gelösst. font-weight: bold; macht glaub 1, 2 oder 3 Pixel aus

MfG

[l3mon]

[vandura]

Danke für die Antworten.

Ich denke, dann werde ich das irgendwie anders lösen, denn ein bischen "Springen" hab ich ja immer drin, egal wie ich es löse.

Ich dachte es gäbe vielleicht eine einfache Lösung auf die ich nur nicht gekommen bin.

Danke auf jeden Fall!