[html/css] Plaatje afkappen

[PaulZ]

Ik krijg van een andere website een roulerend plaatje aangeleverd van 300px breed. Deze kan ik overigens niet lokaal zetten omdat in het plaatje variabele gegevens staan.
Nu mag het plaatje maar 200px maximaal breed zijn. Met width=200 wordt het plaatje geschaald en dat wil ik niet. Het moet echt na 200px breed worden afgekapt.
Heb het al geprobeerd om er een div omheen te zetten met maximaal 200px, maar dat biedt geen oplossing.
Iemand een suggestie?

[1st_Ro]

Het plaatje als achtergrond in een DIV plaatsen en de DIV 200px breed maken?

[MTWZZ]

Div van max 200px breed met een img erin en een overflow: none op de div?

[OverSoft]

Wil je het puur in html/css doen of heb je ook nog (bijvoorbeeld) PHP mogelijkheden?

Anders kan je met de GD lib ook nog leuke dingen doen en bijvoorbeeld 200px thumbs (cropped dus, niet resized, hoewel dat wel een mogelijkheid is bij GD) aanmaken.

[ Voor 49% gewijzigd door OverSoft op 29-11-2006 13:22 ]

[Johnny]

Twee mogelijkheden:

HTML:

<div style="width:200px; overflow:none"><img src="bla.png"></div>

HTML:

<div style="width:200px; background-image:url('bla.png')"></div>

[Crayne]

MTWZZ schreef op woensdag 29 november 2006 @ 13:21:
Div van max 200px breed met een img erin en een overflow: none op de div?

Werkt prima hier.

[PaulZ]

Bedankt voor de reacties luitjes. Ik heb uiteindelijk voor de background-optie gekozen. De overflow werkte niet, misschien omdat de image ook meteen een link was en dus nog binnen een A-tag zat.

[user109731]

PaulZ schreef op woensdag 29 november 2006 @ 15:19:
Bedankt voor de reacties luitjes. Ik heb uiteindelijk voor de background-optie gekozen. De overflow werkte niet, misschien omdat de image ook meteen een link was en dus nog binnen een A-tag zat.

Met overflow werkt het ook perfect, maar het is overflow:hidden ipv overflow:none

[$tranger]

Huh, het is een link, dus je kan 'm niet als IMG gebruiken maar wel als background?

[MTWZZ]

Grote prutser schreef op woensdag 29 november 2006 @ 15:32:
Met overflow werkt het ook perfect, maar het is overflow:hidden ipv overflow:none

Ah je hebt gelijk, was even in de war met display: none

[BtM909]

Sterker nog, dit kan ook direct op de image