ruimte tussen listitems?

[anoniem]

Ik krijg het niet voor elkaar... Het gaat om een ordered list: 1. Dit is het eerste item. Het gaat hier verder. 2. Dit is het tweede item. Deze beslaat ook meerdere regels. Het moet dus zo worden: 1. Dit is het eerste item. Het gaat hier verder. 2. Dit is het tweede item. Deze beslaat ook meerdere regels. Dus *tussen* de listitems ruimte, niet tussen elke *regel*, wat met line-height wordt gedaan. Ik zie eigenlijk geen andere optie dan: [code:1:3563573f55] <ol class="blaat"> <li>Dit is het eerste item.<br />Het gaat hier verder.<br /></li> <li>Dit is het tweede item.<br />Deze beslaat ook twee regels.<br /></li> </ol> [/code:1:3563573f55] Maar dan moet ik in alle pagina's een <br /> toevoegen, bovendien kan ik de ruimte dan niet aanpassen. Of het moet met een spacer-image, maar dat vind ik een nog slechtere oplossing. Heeft iemand enig idee hoe het moet/kan in de css?

[anoniem]

probeer bij iedere <li> eens iets als het volgende: <li style="margin: 20px;"> (verder hoef je niks meer te doen met <br>'s!) Groeten.

[anoniem]

Tsja dat kan idd ook maar dan moet ik dat nog *overal* doen... Maar wacht eens... zou ik niet gewoon in de css kunnen zetten: li{ margin-bottom:30px; } Het probleem is dan alleen wel dat dat bij *elke* lijst gebeurt en niet alleen bij de lijsten die ik wil veranderen... Iemand een idee hoe ik alleen de li in de ol.blaat kan adresseren in css? Of moet ik dan alles toch nog langs om in de <li> class="blaat" te zetten? :(

[anoniem]

ol.blaat li { margin-bottom:30px; } Je verwacht het niet ;)

[anoniem]

Als je meer wil lezen/leren over de verschillende manieren waarmee je in css elementen kan "selecteren", kijk dan deze tutorial een keer door: [url]http://css.maxdesign.com.au/selectutorial/[/url]

[anoniem]

geweldig allemaal bedankt en een gelukkig nieuwjaar natuurlijk :D