[html/css] Plaatje afkappen

Pagina: 1
Acties:

  • PaulZ
  • Registratie: Augustus 2004
  • Laatst online: 21-05-2024
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?

Vlinders moet je volgen, niet vangen...


  • 1st_Ro
  • Registratie: December 2002
  • Laatst online: 07-01-2022
Het plaatje als achtergrond in een DIV plaatsen en de DIV 200px breed maken?

  • MTWZZ
  • Registratie: Mei 2000
  • Laatst online: 13-08-2021

MTWZZ

One life, live it!

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

Nu met Land Rover Series 3 en Defender 90


  • OverSoft
  • Registratie: December 2000
  • Laatst online: 27-11 22:25
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
  • Registratie: December 2001
  • Laatst online: 10:09

Johnny

ondergewaardeerde internetguru

Twee mogelijkheden:

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


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

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.


  • Crayne
  • Registratie: Januari 2002
  • Laatst online: 17-03 13:41

Crayne

Have face, will travel

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.

Mijn Library Thing catalogus


  • PaulZ
  • Registratie: Augustus 2004
  • Laatst online: 21-05-2024
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.

Vlinders moet je volgen, niet vangen...


  • user109731
  • Registratie: Maart 2004
  • Niet online
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
  • Registratie: Januari 2000
  • Laatst online: 11-11 16:31
Huh, het is een link, dus je kan 'm niet als IMG gebruiken maar wel als background? :P

  • MTWZZ
  • Registratie: Mei 2000
  • Laatst online: 13-08-2021

MTWZZ

One life, live it!

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 :)

Nu met Land Rover Series 3 en Defender 90


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Sterker nog, dit kan ook direct op de image ;)

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

Pagina: 1