Hallo,

vorab ich bin ein ziemlicher Anfänger in CSS und Html und habe das
Problem, dass ich in einem Html eine <ul> liste erstellt habe
mit drei <li> einträgen die drei Einträge sind links und haben wie folgt
von mir ein Bild als Aufzählungszeichen deklariert bekommen:
ul.linkliste {
list-style-type: none;
list-style-image:none;
margin-left: 0px;
margin-right: 5px;
font-size: 25px;}
ul.linkliste li {
background: url("....") 0 50% no-repeat;
padding-left: 25px;
margin-top: 8px;
margin-right: 0px;}
Das Problem ist, dass der "Linkkasten" solang ist wie der längste <li> Eintrag
was bedeutet das ich bei den kürzeren links den link auch nicht auf dem Text anklicken kann sonder noch soweit wie der längste Eintrag ist.

Ich hoffe ich habe mein Problem gut dargestellt und nicht übersehen
das dass Thema schon beschrieben ist.

mfg N8.

Um dir helfen zu können brauchen wir HTML + CSS. Und zwar nicht nur das CSS von der UL sondern auch von den restlichen Elementen wie links oder LI.

ok hier der restliche Code
"html"
<ul class="linkliste">
<a href="..." class="link1"><li>...</li></a>
<a href="..." class="link1"><li>...</li></a>
<a href="..." class="link1"><li>...</li></a>
</ul>

und das weitere "CSS"
a.link1:link{
color:#91354f;
text-decoration: none;}

a.link1:visited{
color:#91354f;
text-decoration: none;}

a.link1:hover{
color:#91354f;
font-weight: bold;
text-decoration: none;}

a.link1:active{
color:#91354f;
text-decoration: none;}

danke schonmal für die schnelle Antwort.

Eine Liste (UL) darf nur Listenelemente (LI) als direkten Nachfolger haben.
Hier mal ein Beispiel für eine horizontale Navigation.

btw. verwende in Zukunft [ CODE ] Hier dein Code [ /CODE ] Tags (ohne Leerzeichen) um Code einzubinden. Das macht es lesbarer für alle Beteiligten.

Perfekt dann mach ich mich mal ans lesen und Dankeschön aufjedenfall, dass mit dem Code werd ich mir auch merken.

mfg N8.