CSS: Warum werden bei meiner ul-Liste die Bullet-Points nicht angezeigt?
Hallöchen,
wie schon im Titel steht, werden bei meiner ul-Liste die Bullet-Points nicht angezeigt. Höchstwahrscheinlich liegt es an der CSS-Datei, da ohne sie die Punkte sichtbar sind.
In anderen Foren habe ich meistens gelesen, dass man das Problem mit padding-left oder margin-left lösen kann. Hat aber bei mir nicht funktioniert.
Woran liegt es dann?
Falls ihr den kompletten Quelltext sehen wollt hier die URL:
https://meisterbetrieb-mathias-schiller.de/
Ansonsten hier die relevanten Quellcode-Ausschnitte:
Übrigens: Ich hatte auch die Einstellung "list-style-position: inside;" ausprobiert, da konnte man die Punkte sehen. Allerdings sieht das aber nicht schön aus.
In der HTML-Datei:
<section>
<ul>
<li>1. Punkt</li>
<li>2. Punkt</li>
</ul>
</section>
In der CSS-Datei: section ul { padding-left: 3em; }
section li { padding-bottom: 0.5em; width: 95%; }
2 Antworten
Setze das Property overflow-x für die Listelemente:
section li {
overflow-x: visible;
/* some other properties ... */
}
Wahrschinlich steht irgendwo im CSS ul { list-style: none }, das kannst du mit ul { list-style: disc } rueckgaengig machen