Menu Close Menu

Plaatje positioneren binnen div

Niet dat ik veel verstand heb van plaatjes positioneren m.b.v. CSS maar het voorbeeldje in de download klopt volgens mij aardig. Hij valideert W3C en werkt in tig browsers dus als je moeite hebt met het positioneren van plaatjes binnen divs kun je de .zip hieronder maar beter gelijk meenemen en bekijken. Position:absolute; zou ik er niet voor gebruiken beter is floaten tenzij de plaatjes elkaar moeten overlappen. Wat je in dat geval als extra optie hebt is de Z-index.

Om de exacte posities op de pixel nauwkeurig te bepalen kun je 'margin' gebruiken. Meestal gebruik ik 4 waardes. Dat werkt gemakkelijk want je telt gewoon met de klok mee. Dus margin:10px 15px 0 20px; betekend 10 van de top, 15 van rechts, 0 van onder en 20 van links af. Het plaatje langs de tekst staat trouwens expres binnen de p-tag en niet erboven.

Download plaatjes in div

Plaatje binnen div positioneren

Edit: Het rechter plaatje kan ook met float:right; gepositioneerd worden. Maakt volgens mij niet uit.