CSS: Hoe positioneren in div met jpeg's

[yaris]

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

[Rvl]

ge kunt bij een div u "extra ruimte" verkrijgen door margin-bottom: 10px; bijvoorbeeld te zetten

[tikketim]

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;
}

[yaris]

Zou het kunnen lukken als ik bv met "span" werk en dan in de div tussen elke image "margin=5px; ?

[LunchBox]

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

.uitmekaar img{margin:5px}

HTML

<div class="uitmekaar">
 <img src="" alt="" />
 <img src="" alt="" />
</div>

[yaris]

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

[LunchBox]

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.

[yaris]

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é.

[Obliv`]

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