Afbeelding voor een gedeelte weergeven met CSS

[GekkeCoen]

Hallo iedereen,

Ik wil een afbeelding voor een gedeelte laten weergeven. Nu heb ik deze in een Divje gezet met de volgende css code:

code:

width:190px;
padding:0 -10px 0 -10px;

Maar dit lukt niet, de afbeelding is 220 x 90 pixels. Aan allebij de kanten (links en rechts) moet 10 pixels eraf gesneden worden. Dat zou zo moeten werken, maar de div rekt in IE gewoon mee en in FF gaat de afbeelding er gewoon overheen.

Ga nou niet zeggen: gebruik photoshop en snij er aan allebij de kanten 10 pixels af, want dat kan niet omdat het een "live" foto is van KNMI.nl.

Link naar een voorbeeld: www.linkstraat.nl/test

Vriendelijke groeten,
Coen Keijzer

[Verwijderd]

Nooit van overflow gehoord zeker? Of van clipping? Ook niet aan een iframe gedacht?

[NMe]

overflow: hidden op de container div? En wellicht een margin van -10 gebruiken in plaats van padding?

[GekkeCoen]

Bedankt iedereen, het werkt

[ Voor 79% gewijzigd door GekkeCoen op 23-04-2006 13:34 ]

[JHS]

* JHS geeft al in de reply boven je aan dan je misschien 's zou moeten kijken naar margin in plaats van padding .

edit:

Oh, dat had je inmiddels gezien .

[ Voor 18% gewijzigd door JHS op 23-04-2006 13:34 ]