Aligneren via CSS van opsommingstekens

[nvidia]

Zit zelf met een klein probleem ivm met de alignering van mijn opsommingstekens. Hierbij zou ik deze willen uitlijnen met de functie zoals in Word, nl. Verkeerd om

Hoe is dit mogelijk dit uit te voeren in CSS?

Momenteel heb ik het volgende:

[Clay]

een list doet dat vanzelf goed, tenzij er geen ul of ol om je li's staan. met css kan je ook nog de list-style-position gebruiken, inside of outside.

[nvidia]

Via inside gaat het niet. Outside zet hij alles volledig links tegen mijn gele kader & is alles mooi uitgelijnd! Heb het dus opgelost via de outside zoals jij vertelde maar hoe is het mogelijk om dan bepaalde zinnen te laten uitspringen? Via een absolute positie gaat dit niet!

[ Voor 29% gewijzigd door nvidia op 18-02-2005 15:12 ]

[sopsop]

nvidia schreef op vrijdag 18 februari 2005 @ 15:10:
heb het dus opgelost via zoals jij vertelde maar hoe is het mogelijk om dan bepaalde zinnen te laten uitspringen? Via een absolute positie gaat dit niet!

Ik begrijp niet wat je bedoeld. Of dit zou de oplossing moeten bieden:

code:

<ul>
  <li>
    Alinea 1, blablablabla
  </li>  
  <li>
    Alinea 2, blablablabla
    <ul>
      <li>
        Uitspringende tekst
      </li>
    </ul>
  </li>
</ul>

[Thijsmans]

Heb je er wel een UL omheen gezet Inspringen kun je doet d.m.v. padding-left: 500px; (waarbij 500 natuurlijk ook lager mag ) in de li-tag/class.

[nvidia]

dit heb ik al gevonden wat jullie me vertelden. Nu heb ik nog 1 kleine vraag. Is het mogelijk om het streepje "-" als opsommingsteken in te stellen?

[Woudloper]

Als je gebruik maakt van de list-style-type kan je andere varianten gebruiken, zoals disc, circle of square. Een liggend streepje heb ik niet kunnen ontdekken. Een oplossing is om dit middels een afbeelding voor de list te doen...

[Verwijderd]

Voor zover ik weet, is dat alleen mogelijk door een afbeelding in te stellen. Niet via een list-style-type...

// edit
Woudloper

[ Voor 11% gewijzigd door Verwijderd op 18-02-2005 15:25 ]

[BtM909]

Kan weer wel met CSS3
http://www.w3.org/TR/2002...20021107/#list-style-type

[Verwijderd]

Wat allemaal toch niet kan met CSS 3.0 Ik neem aan dat TS op zoek is naar een oplossing die hij toe kan passen en niet eentje waarover hij kan dromen
Dan lijkt mij de enige oplossing om een afbeelding te gebruiken...

[BtM909]

Verwijderd schreef op vrijdag 18 februari 2005 @ 15:38:
Wat allemaal toch niet kan met CSS 3.0 Ik neem aan dat TS op zoek is naar een oplossing die hij toe kan passen en niet eentje waarover hij kan dromen
Dan lijkt mij de enige oplossing om een afbeelding te gebruiken...

eyyyy STFU

Of als mogelijkheid de :before gebruiken
en met wat omwegen ook werkbaar te maken voor IE

[nvidia]

Heb het volledig werkend.

Resultaat:



Het streepje heb ik in Photoshop gemaakt zodat deze transparant is en dus op elke achtergrond past. Dit is handig moest ik mijn achtergrondkleur later aanpassen.