Hey allemaal,

Krijg het maar niet voor elkaar.
Ik wil een image in een div uitlijnen.

De div is bijv. 200px width bij 100px height.
Daarin staat een plaatje van 500px bij 200px.

De div staat op overflow:hidden.
Nu wil ik graag dat plaatje in het midden van de div uitlijnen.
Maar ik krijg dit bijna niet voor mekaar, wie weet hoe?

Groeten,
Tim
Is er geen nettere oplossing: een style in de code zelf?
Het werkt toch? Positioning en negatieve margins zijn beide ook geen mooie oplossingen. Alhoewel negatieve margins wel aardig zijn..

Positioning geeft te veel fouten qua browsers.
Negatieve margins werkt ook niet, als de img namelijk dan eens een andere grote is, neemt hij niet meer het midden en heb je alsnog style="" nodig.
@Mitchell De plaatjes zijn altijd even groot, deze worden namelijk voor de TV uitzendingen al op maat gesneden.

Ik ga het zo wel proberen, maar als iemand dus nog een 'nettere' oplossing weet?

@Mitchell Bedankt voor de hulp! ;-)

<?php
echo '<style> .junior-post-image { background: url(../images/content/t-'.$row['image1'].') 50% 50% no-repeat; } </style>';
?>

Alleen nu zijn alle div's met de zelfde achtergrond.
Ook als er een nieuwe regel onder staat.

Reageren