Unsortierte Liste (UL) mit Firefox klappt nicht

[althoffc]

Hallo zusammen,

ich möchte eine unsortierte Liste (UL) mit mehreren Listenelementen (LI) mit einem Standard-Bullet-Zeichen (disc) darstellen.

Leider weigert sich Firefox ein Bullet-Zeichen anzuzeigen.

Meine Liste setzt sich wie folgt zusammen:

<ul><li>Listenelement 1</li><li>Listenelement 2</li> ... >/ul>

In meiner CSS-Datei findet sich folgende Definition.
Das Problem kann auch live auf Malteser Konstanz: Startseite als Gast mit
Benutzername 'typo3' und Passwort 'typo3' bewundert werden.

Hat jemand einen Tipp?

Danke und Gruß,
Carsten

ul {
list-style-type: disc;
/*font-size: 0.8em; */
color: #2E2E3E;
}
li {
font-family : verdana;
/* font-size: 1.1em; */
color: #2E2E2E;
line-height: 130%;
margin-bottom: 0.5em;
}
.bulletlist {
font-family : arial;
line-height : 130%;
font-size : 13px;
color : #DDDDDD;
}

 

[koslowski]

Hi,

normal klappt das mit list-style-position:inside; in Verbindung mit entspr.
text-indent und list-style-type:disc; für li.

koslowski

 

[threadi]

list-style-type:disc;

sollte reichen.

 

[neuroleptika]

list-style-position

list-style-position : outside; ist der default-Wert.
Die Bullets brauchen etwas Platz. Normalerweise ist der durch das default-padding von ul schon gegeben. Allerdings werden diese Werte aus gestalterischen Gründen gerne auf 0 gesetzt:

ul {
margin: 0;
padding:0;
}

Dann muß man die Bullets entweder mit list-style-position : inside; nach innen rücken:

ul {
    margin: 0;
    padding:0;
    list-style-position : inside;
    list-style-type : disc;
  }

oder durch margin etwas Platz zur Verfügung stellen:

ul {
    margin: 0;
    padding:0;
    list-style-type : disc;
  }
li {
    margin-left: 1em;
  }

Geht auch mit mit Innenabstand für ul:

ul {
    margin: 0;
    padding:0;
    list-style-type : disc;
    padding-left: 1em;
  }

 

[koslowski]

Hi,

stimmt, text-indent braucht man nur wenn man die Liste etwas einrücken will.

koslowski

 

[neuroleptika]

Hi,

stimmt, text-indent braucht man nur wenn man die Liste etwas einrücken will.

koslowski

Dein Vorschlag währe eine vierte Möglichkeit.
list-style direkt dem li zuweisen:

li {
    list-style-type : disc;
    list-style-position : inside;
    text-indent : 1em; /*optional*/
  }

Gibt bestimmt noch viele weitere Varianten.

 

[koslowski]

Hi neuroleptika,

Dein Vorschlag währe eine vierte Möglichkeit.
list-style direkt dem li zuweisen:

li {
    list-style-type : disc;
    list-style-position : inside;
    text-indent : 1em; /*optional*/
  }

Gibt bestimmt noch viele weitere Varianten.

soll noch einer sagen der Hilfesuchende wird hier nicht umfassend informiert.8)

Gruß
koslowski

 

[althoffc]

Hallo,

danke für eure Antworten.
In meinem Fall hat list-style-position: inside; zum Ziel geführt.
Auch die anderen Hinweise finde ich interessant und hilfreich.
Dafür an euch vielen Dank!

Gruß,
Carsten

PS: Ich habe niemals und werde niemals in Frage stellen, dass man hier umfassend informiert wird und Fragen ausführlich beantwortet werden ;)
Im Gegenteil, bisher habe ich in diesem Forum nur wenige, aber durchweg positive Erfahrungen gemacht. Danke!