Weergegeven resultaten: 1 t/m 9 van 9
  1. #1
    Member yaris's schermafbeelding
    Lid sinds
    4/08/02
    Berichten
    1.650
    iTrader
    0

    CSS: Hoe positioneren in div met jpeg's

    Hallo, ik ben een site aan het maken en gebruik hiervoor div's. Nu om niet voor elke afbeelding een div te gebruiken wil ik er enkele gewoon onder elkaar zetten, dit lukt natuurlijk maar hoe kan ik space tussen de div's krijgen naar onderen toe?
    Ik zou ook UL/LI willen gebruiken dus een tip mag ook in die richting wijzen.
    Ik heb zelf al wat gezocht maar padding, float en marging gaven niet het gewenste reslutaat.
    Merci

  2. #2
    Rvl
    Rvl is offline
    Member
    Lid sinds
    12/11/03
    Locatie
    Scherpenheuvel
    Berichten
    929
    iTrader
    6 (100%)
    ge kunt bij een div u "extra ruimte" verkrijgen door margin-bottom: 10px; bijvoorbeeld te zetten

  3. #3
    Member tikketim's schermafbeelding
    Lid sinds
    22/09/02
    Locatie
    Olen
    Berichten
    2.413
    iTrader
    0
    in de html je images onder elkaar zetten :

    <img src="#" alt="#" />
    <img src="#" alt="#" />
    <img src="#" alt="#" />

    en daarna in je css :

    img {
    margin-top:5px;
    }

  4. #4
    Member yaris's schermafbeelding
    Lid sinds
    4/08/02
    Berichten
    1.650
    iTrader
    0
    Zou het kunnen lukken als ik bv met "span" werk en dan in de div tussen elke image "margin=5px; ?

  5. #5
    Crew Member LunchBox's schermafbeelding
    Lid sinds
    17/07/02
    Locatie
    Deurne
    Berichten
    4.180
    iTrader
    0
    tussen elke afbeelding een div zetten is overbodig, je kan ook instellen dat hij het (enkel) voor alle afbeeldingen binnen een bepaalde div doet als je hierop bv. een class zou instellen:

    CSS
    Code:
    .uitmekaar img{margin:5px}
    HTML
    Code:
    <div class="uitmekaar">
     <img src="" alt="" />
     <img src="" alt="" />
    </div>

  6. #6
    Member yaris's schermafbeelding
    Lid sinds
    4/08/02
    Berichten
    1.650
    iTrader
    0
    Hmm Nee sorry het lukt me niet, ofwel kan ik van elke image een aparte div maken maar zelf vind ik dit "vuil" ofwel kan ik een spacer van enkele pixels ertussen zetten maar dit vind ik ook "vuil" .

    Misschien als je eens naar mijn code kan kijken, heb ze effe op wat vrije ruimte gezet.

    site: http://lutgardis-sintjuliaan.vgc.be/pablo-start.html
    css: http://lutgardis-sintjuliaan.vgc.be/pablo-ned.css

    Als iemand ziet hoe ik kan zorgen voor spaties tussen die images door 1 div te gebruiken.

    Merci

  7. #7
    Crew Member LunchBox's schermafbeelding
    Lid sinds
    17/07/02
    Locatie
    Deurne
    Berichten
    4.180
    iTrader
    0
    Hmm Nee sorry het lukt me niet
    hmm je gaat elke "afbeeldinglink" absoluut positioneren, waarvoor is dat goed? als ze allemaal onder mekaar staan heb je maar de container te positioneren en zet je de overige elementen met een break onder mekaar. de code die ik gaf zou prima moeten werken als je bijvoorbeeld bij je portfolio thumbnails zou willen zetten.
    Laatst gewijzigd door LunchBox; 9 januari 2006 om 20:10

  8. #8
    Member yaris's schermafbeelding
    Lid sinds
    4/08/02
    Berichten
    1.650
    iTrader
    0
    Citaat Oorspronkelijk geplaatst door LunchBox
    hmm je gaat elke "afbeeldinglink" absoluut positioneren, waarvoor is dat goed? als ze allemaal onder mekaar staan heb je maar de container te positioneren en zet je de overige elementen met een break onder mekaar. de code die ik gaf zou prima moeten werken als je bijvoorbeeld bij je portfolio thumbnails zou willen zetten.
    Dat is ook de bedoeling, zonder elke afbeelding te positioneren of met spacers te werken wil ik een space tussen alle afbeeldingen . Ik wil "proper" werken.

    Het rare is dat ik met een break enkel reslutaat krijg als ik dit doe:

    <br /><a href="pablo-portofolio.html"><img src="pictures/balkjeportfolio.jpg" border="0" alt="Foto-Pablo" /></a><br />

    Ik moet dus een <br /> doen aan beide zijden en dan pas heb ik witruimte?
    Ma soit we wijken af. Ik zal dan toch misschien best witte spacers gebruiken.
    Merci allemaal voor de moeite hé.

  9. #9
    Member
    Lid sinds
    8/11/03
    Locatie
    Antwerpen
    Berichten
    1.726
    iTrader
    0
    Citaat Oorspronkelijk geplaatst door yaris
    Ik moet dus een <br /> doen aan beide zijden en dan pas heb ik witruimte?
    Ma soit we wijken af. Ik zal dan toch misschien best witte spacers gebruiken.
    Merci allemaal voor de moeite hé.
    das logisch ook eh

    een <br /> gaat naar de volgende regel, het laat geen witregel
    een witregel kunt ge krijgen door 2 <br />'s te doen

    of gewoon was css op uw img tag te zetten of een een <p></p> tag rond te zetten

Discussie informatie

Users Browsing this Thread

Op dit moment bekijken 1 gebruikers deze discussie. (0 leden en 1 gasten)

Regels voor berichten

  • Je mag geen nieuwe discussies starten
  • Je mag niet reageren op berichten
  • Je mag geen bijlagen versturen
  • Je mag niet je berichten bewerken
  •