it-swarm.com.de

UL-Listenstil trifft nicht zu

Ich habe ein Stylesheet, das aus irgendeinem Grund keinen Listenstil auf ein UL-Element anwendet. Ich verwende das Grid CSS von YUI mit der Datei reset-fonts-grid.css, die meines Wissens als Teil des CSS-Resets entfernt wird.

Nach dem Aufruf von YUI rufe ich das Stylesheet für die Website auf und habe dort einen Block für UL:

ul {list-style-type: disc;}

Ich habe auch versucht, es über Listenstil einzustellen, aber das gleiche Ergebnis zu erzielen. Ich weiß, dass der obige CSS-Block gelesen wird, als ob ich Dinge wie Auffüllen oder Ränder hinzufüge, die angewendet werden. Der Stiltyp wird weder in Firefox noch im Internet Explorer angezeigt.

Das einzige andere CSS, das ich auf ULs angewendet habe, ist ein #nav div, aber dieses CSS berührt nicht den Listenstil-Typ, sondern verwendet das von YUI bereitgestellte Zurücksetzen, und YUI und das Site-Stylesheet sind die einzigen beiden CSS Blätter, die aufgerufen werden.

Ich habe auch FCKEditor auf der Admin-Seite der Site und dieser Editor zeigt die Aufzählungszeichen-Stile an, so dass ich weiß, dass es etwas mit dem CSS sein muss, das nicht von FCKEditor gefiltert wird.

45
dragonmantank

Wenn ich mich nicht irre, solltest du diese Regel auf den li anwenden, nicht auf den ul.

ul li {list-style-type: disc;}
19
steve_c

Sie müssen Folgendes in Ihr CSS aufnehmen:

li { display: list-item; }

Dies löst aus, dass Firefox die CD anzeigt.

133
Big Buddy

und Sie können auch einen linken Rand angeben, wenn die von Ihnen verwendete reset.css alle Ränder auf null setzt: das bedeutet:

li {
list-style: disc outside none;
display: list-item;
margin-left: 1em;
}

Angenommen, Sie wenden dieses CSS an nach dem Zurücksetzen sollte es funktionieren!

Matthieu Ricaud

35
user415535

Ich hatte dieses Problem und es stellte sich heraus, dass ich keine Polsterung auf der ul hatte, was die Scheiben davon abhielt, sichtbar zu sein.

Margin spielt auch damit herum

18
AJ Zane

Stellen Sie sicher, dass für das 'li' kein overflow: hidden Angewendet wurde.

15
PipoPepino

Dieses Problem wurde durch das lidisplay-Attribut verursacht, das in einer übergeordneten Klasse auf block festgelegt wurde. Überschreiben mit list-item Problem gelöst.

14
tiberdoo

Mein reset.css war margin: 0, padding: 0. Nach mehreren Stunden der Suche und Fehlerbehebung funktionierte dies:

li {
    list-style: disc outside none;
    margin-left: 1em;
}

ul {
    margin: 1em;
}
3
nara_l

Ich hatte dieses Problem und es stellte sich heraus, dass ich keine Polsterung auf der ul hatte, was die Scheiben davon abhielt, sichtbar zu sein.

3
alimac83
  • Haben Sie versucht, die Regel mit! Important zu befolgen?
  • In welchem ​​Stylesheet hat FireBug die letzte Kontrolle über das Element?
  • Ist das Live irgendwo, um von anderen gesehen zu werden?

Aktualisieren

Ich bin ziemlich zuversichtlich, dass das Bereitstellen von Codebeispielen Ihnen helfen würde, eine Lösung schneller zu erhalten. Wenn Sie irgendwo ein Beispiel für dieses Problem hochladen oder das Markup bereitstellen können, damit wir es auf unseren lokalen Hosts testen können, haben Sie eine bessere Chance, wertvolle Beiträge zu erhalten.

Das Problem bei Fragen ist, dass sie andere dazu bringen zu glauben, dass die Person, die die Frage stellt, über ausreichende Kenntnisse verfügt, um die Frage zu stellen. In der Programmierung ist das nicht immer der Fall. Möglicherweise haben Sie etwas übersehen oder versehentlich einen Fehler gemacht. Ohne dass andere Ihren Code im Auge haben, müssen sie davon ausgehen, dass Sie nichts verpasst und nichts übersehen haben.

2
Sampson

In IE Ich benutze nur eine Klasse "normal_ol" zum Gestalten einer alten Liste und habe einige der unten gezeigten Änderungen vorgenommen:

vorheriger Code: ol.normal_ol {float: left; Auffüllen: 0 0 0 25px; Rand: 0; width: 500px;} ol.normal_ol li {font: normal 13px/20px Arial; Farbe: # 4D4E53; Schwimmer: links; width: 100%;}

geänderter Code: ol.normal_ol {float: left; Auffüllen: 0 0 0 25px; margin: 0;} ol.normal_ol li {font: normal 13px/20px Arial; Farbe: # 4D4E53; }

1
Somashree Patra

Alles, was ich mir vorstellen kann, ist, dass hinterher etwas darüber hinweggeht.

Sie schließen die zurückgesetzten Stile ein zuerst, richtig?

1
dylanfm

Alles was Sie tun müssen, ist diese Klasse zu Ihrem CSS hinzuzufügen.

.ul-no-style { list-style: none; padding: 0; margin: 0; }

Einschließlich der Polsterung und des Randes, die auf 0 gesetzt sind, ist äußerst wichtig. Vertrauen Sie mir.

1
Jason

Es hat sich herausgestellt, dass YUIs Reset-CSS den Listenstil von 'ul li' anstatt nur 'ul' entfernt, weshalb das Einstellen nur in 'ul' nie funktioniert hat.

0
dragonmantank