Gunnar Bittersmann: Farbbalken

Beitrag lesen

Hello out there!

würde gerne Text bei Mausberührung mit Farbe unterlegen. Der Farbbalken sollte bei jedem Wort gleich lang sein (also nicht nur so lang, wie das jeweilige Wort ist).

Würdest du dich bitte mal genauer ausdrücken? Soll das im Fließtext geschehen (also der farbige Hintergrund evtl. in das nächste Wort hineinragen)? Oder soll es eine Liste mit unter- oder nebeneinanderstehenden Menüpunkten handen?

Meine Glaskugel sagt zweites. Wo ist das Problem?

Du gibst den Listitems die gleiche Breite (in em!) abhängig vom längsten   Itemtitel und lässt das a-Element die ganze Box ausfüllen:

HTML:

<ul id="nl">  
  <li><a href="foobar">foobar</a></li>  
  <li><a href="baz">baz</a></li>  
</ul>

Stylesheet:

#nl li {  
  width: 6em;  
  list-style-type: none;  
}  
  
#nl a {  
  display: block;  
  width: 100%;  
}  
  
#nl a:hover {  
  background: lime;  
}

See ya up the road,
Gunnar

--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)