Hallo
folgender Code macht Probleme mit padding und margin:
Eigentlich sollten die Links den Abstand 5px voneindander haben (hauptsächlich nach oben und unten). Allerdings schieben alle meine Browser den Text übereinander (verschwindet hinter dem Hintergrund des Links). Also muss es ein Fehler von mir sein. Bitte sagt mir jemand welcher . Danke.
folgender Code macht Probleme mit padding und margin:
Code:
a:link {color: #cc3333;
text-decoration:none;
}
a:visited {color:#cc3333;
text-decoration:none;
}
a:hover {color:#ffffcc;
text-decoration:none;
}
a:active {color:#ffffcc;
text-decoration:none;
}
a.Navi:link {font-weight:bold;
border-left:3px solid #cc3333;
padding:5px;
margin:5px;
background-color:#cccc99;
}
a.Navi:visited {font-weight:bold;
border-left:3px solid #cc3333;
padding:5px;
margin:5px;
background-color:#cccc99;
}
a.Navi:hover {font-weight:bold;
border-left:3px solid #ffffcc;
padding:5px;
margin:5px;
background-color:#cccc99;
}
a.Navi:active {font-weight:bold;
border-left:3px solid #ffffcc;
padding:5px;
margin:5px;
background-color:#cccc99;
}
<a href="#" class="Navi" title="title">Kategorie</a><br />
<a href="#" class="Navi" title="title">Kategorie</a><br />
<a href="#" class="Navi" title="title">Kategorie</a><br />
<a href="#" class="Navi" title="title">Kategorie</a><br />
<a href="#" class="Navi" title="title">Kategorie</a><br />