Listen

[sikes]

Ich habe eine Liste:

ul#progress_bar {
  height: 15px;
  margin: 3px;
  list-style-type: none;
}

Dazu 4 Punkte:

<li class="active">bla</li>

li.active {
  width: 100px;
  background-color: black;
  display: inline;
}

Das Problem: width: 100px hat keine Auswirkung. Wie kann ich die Breite eines li Tags festlegen/verändern?

[schwarze Piste]

Tachchen!

width: 100px;

display: inline;

Elemente mit der Display-Eigenschaft "inline" sind so breit wie ihr Inhalt.
Dort solltest du also ansetzen.

Gruß

Die schwarze Piste

[Detlef G.]

Hallo sikes

ul#progress_bar {
  height: 15px;

Woher weißt du, wie groß die Schrift in meinem Browser ist, und ob die 15px in der Höhe reichen?

margin: 3px;
  list-style-type: none;
}

li.active {
  width: 100px;
  background-color: black;
  display: inline;

Wenn du die Listenpunkt auf inline setzt, dann _muss_ die Breitenangabe ignoriert werden. Bei Inlineelementen richtet sich die Breite ausschließlich nach dem Inhalt.

Wenn du Elemente nebeneinander anzeigen lassen und ihnen außerdem eine Breite geben willst, musst du stattdessen float verwenden.

Auf Wiederlesen
Detlef