Ik heb op de volgende pagina een a:hover functie gezet. Zodra ik er een border van 1px omheen zet verspringt de hele balk, zodra je met de muis over de tekst gaat. Zie: http://www.edow.nl/sd/
Wat kan ik hieraan doen, heb al vanalles geprobeert met padding en margin. Op google kan ik nog niks vinden.

De a:link een witte border van 1px meegeven?

dat werkt helaas niet

Maak van deze code :

#linktekst a:hover { font: arial;
background-color: #DFE7F6;
width: 100%;
color: #000000;
border: 1px solid #2553BB;
display:block;
text-decoration: none;
text-align: left;
}

Deze code :

#linktekst a:hover { font: arial;
background-color: #DFE7F6;
width: 100%;
color: #000000;
display:block;
text-decoration: none;
text-align: left;
}

Je moet even "display:block;" toevoegen aan "#linktekst a"

@ Daniel: Thnx, dat heb ik nu gedaan, alleen wil ik graag een border van 1px er omheen. Weet alleen niet of het wel mogelijk is.

@ Danial, ik denk niet dat hij zijn border weg wil hebben...

Dirks manier moet werken

Dat werkt nog niet. Ook niet als ik een padding opgeef bijvoorbeeld.
Zal nog even wat andere dingen testen, als het lukt post ik het hier.

Kan je eens duidelijk omschrijven wat je wil hebben? Dacht dat de border weg moest...

http://www.d-nr1.nl/sd

Het werkt wel :)

Ik wil graag qua lay-out alles zo laten, alleen als je met de muis over de tekst heen gaat zie je dat de tekst een beetje verspringt.
Dat gebeurt tijdens de a:hover. Ik wil graag de border behouden, alleen dan moet de tekst blijven staan.

@ Dirk: Super, dan had ik misschien ergens een letter of komma teveel/teweinig. Bedankt!