[CSS]Alle tekst van list items naast de bullet

[sjaakaq]

Hallo,

Op mijn site heb ik de volgende CSS hangen aan UL:

Cascading Stylesheet:

ul {
                background: #eee;
                margin-left: 15px;
                margin-right: 25px;
                margin-top: 7px;
                margin-bottom: 7px;
                padding-bottom: 3px;
                padding-top: 3px;
                padding-right: 5px;
                padding-left: 6px;
                list-style-position: inside;
                list-style-type: circle;
                border: 1px solid #ddd;
                border-left: 5px solid #ddd;
                font-family: arial, trebuchet ms, sans-serif;
                font-size: 11px;
                color: #555;               
                line-height: 14px;
}

Dit levert het volgende op:

Schitterend, echter, bij bijv. het eerste en derde item, waar de tekst 2 regels is, begint de tekst als hij bij de volgende regel aankomt weer helemaal links, en dus niet "rechts van de bullet". Is het mogelijk dit effect te verkrijgen in CSS en zoja, hoe?

[T-MOB]

Het lijkt me dat list-style-position: outside dat effect zou moeten hebben... En dat heeft het bij laatste inzien ook. Het enige waar je even op moet letten is dat je een left margin in moet stellen op de <li> om het ook in IE te laten werken.

[ Voor 84% gewijzigd door T-MOB op 24-09-2005 18:42 ]

[DJ Buzzz]

list-style-position: outside is ook de default bij een list, ik gok dat het ergens gecopy-paste hebt en dit hebt laten staan

[ Voor 4% gewijzigd door DJ Buzzz op 24-09-2005 18:34 ]

[sjaakaq]

Nee, ik heb het bewust geplaatst omdat ik dan dus geen vage padding-left hoefde te geven Ik dacht dat ze ermee bedoelden dat de bullet ook tot de "box van de ul" wordt gerekend.

Maarre tnx

[ Voor 9% gewijzigd door sjaakaq op 24-09-2005 18:45 ]