nicht angemeldet
Okay, recht habt ihr natürlich :-)
Also, im <style>-Bereich habe ich folgendes definiert:
ul#menue {
width: 400px;
margin: 0px;
padding: 0px;
}
ul#menu li {
list-style: none;
margin: 0px;
padding: 0px;
}
ul#menue a {
display: block;
background-color: #000000;
margin: 0px;
padding: 0px;
}
ul#menue a:link { color: #000066; text-decoration: none; }
ul#menue a:hover { color: #000066; text-decoration: underline; }
---------
Ich möchte folgendes erreichen:
Eine ungeordnete Liste enthält mehrere Aufzählungen, die jeweils einen Link enthalten. Die jeweiligen Link-Texte sind unterschiedlich lang farblich hinterlegt.
Ohne "diplay: block" sieht es so aus, dass die farbliche Hinterlegung am Ende des Textes endet, was durch die unterschiedlich langen Zeichenfolgen unschön aussieht (quasi ein "Flattersatz").
Nutze ich "display: block", werden die farblichen Hinterlegungen allesamt nach rechts auf einen von mir vorgegebenen Wert (width: 400px) gestreckt, was ich genau so haben möchte. Was allerdings auch passiert:
Die einzelnen <li>-Bereiche werden plötzlich wie durch einen <p>-Tag "auseinandergerissen". Das heißt, dass zwischen den Zeilen der freie Raum erhöht wird. Das hat zur Folge, dass die einzelnen farblich hinterlegten Zeilen nicht mehr direkt aneinander liegen, sondern einen größeren Abstand voneinander haben, den ich wieder unterbinden möchte.
Ich hoffe, es ist etwas klarer geworden.
Vielen Dank schonmal für Eure Mühe,
Torben