Archief - CSS: Hoe positioneren in div met jpeg's

y

yaris

Legacy Member

• 8 jan 2006

• #1

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

R

Rvl

Legacy Member

• 8 jan 2006

• #2

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

t

tikketim

Legacy Member

• 9 jan 2006

• #3

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

y

yaris

Legacy Member

• 9 jan 2006

• #4

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

L

LunchBox

Legacy Member

• 9 jan 2006

• #5

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>

y

yaris

Legacy Member

• 9 jan 2006

• #6

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

L

LunchBox

Legacy Member

• 9 jan 2006

• #7

Hmm Nee sorry het lukt me niet

Klik om te vergroten...

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.

y

yaris

Legacy Member

• 9 jan 2006

• #8

LunchBox zei:

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.

Klik om te vergroten...

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

O

Obliv`

Legacy Member

• 10 jan 2006

• #9

yaris zei:

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

Klik om te vergroten...

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