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
![](https://images.gutefrage.net/media/user/regex9/1455660989427_nmmslarge__0_13_270_270_615d5a3bc6888f4c1486ce2b4d9d8f60.png?v=1455660989000)
Setze das Property overflow-x für die Listelemente:
section li {
overflow-x: visible;
/* some other properties ... */
}
![](https://images.gutefrage.net/media/default/user/15_nmmslarge.png?v=1551279448000)
![](https://images.gutefrage.net/media/user/Steffile/1662319155183_nmmslarge__0_0_400_400_a7448469a17c2ce8ed07251058ff274b.png?v=1662319155000)
Wahrschinlich steht irgendwo im CSS ul { list-style: none }, das kannst du mit ul { list-style: disc } rueckgaengig machen