Mir geht es nur um a:hover.body {
/*font-size: small;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.navi_line {
border-bottom: 1px solid #ADADAD;
display: block;
width: 130px;
height: 20px;
padding: 6px 0 4px 15px;
}
.navi_line a:link, .navi_line a:visited {
text-decoration: none;
color: #038DFF;
}
.navi_line a:hover, .navi_line a:active {
display: block;
width: 130px;
height: 20px;
text-decoration: none;
background-color: #E3E3E3;
padding: 6px 0 4px 15px;
}
.navi_line a {
display: block;
}
Mit dieser Einstellung verschieben sich die hovered-Felder um das padding:
Nachdem ich das padding im a:hover entferne weil mir sonst nichts einfiel, sieht das ganze etwas besser aus:
Allerdings sind die Kanten immernoch nicht so wie sie sein sollten, sie füllen nicht das komplette Feld aus. Wie kann man das denn beheben?
EDIT: Er will die Zeilenumbrüche irgendwie nicht in den Code reinnehmen, also lass ich das einfach so.