Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

ruimte tussen listitems?

padvinder95
5 antwoorden
  • 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?
  • probeer bij iedere <li> eens iets als het volgende:

    <li style="margin: 20px;">

    (verder hoef je niks meer te doen met <br>'s!)

    Groeten.
  • 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? :(
  • ol.blaat li
    {
    margin-bottom:30px;
    }

    Je verwacht het niet ;)
  • Als je meer wil lezen/leren over de verschillende manieren waarmee je in css elementen kan "selecteren", kijk dan deze tutorial een keer door:
    http://css.maxdesign.com.au/selectutorial/

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.