css: image border stretcht met padding
Zie titel,
als ik mijn image een padding meegeef om netjes in de div te gaan staan, maar die image ook een border geeft. dan "padd" de border niet. Die begint gewoon linksboven in, terwijl het plaatje wel netjes 4px afstand houdt.

zie daar. linker plaatje met padding, rechterplaatje zonder.
als ik mijn image een padding meegeef om netjes in de div te gaan staan, maar die image ook een border geeft. dan "padd" de border niet. Die begint gewoon linksboven in, terwijl het plaatje wel netjes 4px afstand houdt.
zie daar. linker plaatje met padding, rechterplaatje zonder.
Gewijzigd op 01/01/1970 01:00:00 door Thijs Damen
Dat is ook juist de eigenschap van padding: extra ruimte binnen het element zelf. De border van een element staat daar weer omheen...
Als oplossing zul je de padding dus mee moeten geven aan het element waarin de afbeelding staat ofwel de afbeelding een margin ipv padding mee moeten geven.
Als oplossing zul je de padding dus mee moeten geven aan het element waarin de afbeelding staat ofwel de afbeelding een margin ipv padding mee moeten geven.




