HTML vraagje over images
14 januari 2009 - 07:20   
geplaatst door: pakito
Een vraagje, is het mogelijk een afbeelding via een simpele HTML-tag een rand-met-een-rand mee te geven, ofte een achtergrond die breder is dan de afbeelding zelf met nog een randje?

Om m'n vraag te verduidelijken, ik ben bezig met het opzetten van een nieuwe blog. Op http://www.kristofdevos.com/?p=68 zie je dat de bovenstaande afbeelding een dikke rand met dan nog een dun randje errond heeft.

Ik heb dit gesimuleerd op de onderstaande afbeelding in Photoshop, maar zou het liever in HTML doen, dat lijkt me 'properder'. Kan dit?

HTML vraagje over images
14 januari 2009 - 08:59    reactie #1
geplaatst door: denn88
Met een border attribute of via css met verschillende soorten borders, bv: ridged, double en dan een width geven. Even zoeken op 'css borders'.
Atlantisdesign.nl - webDesign en de Mac. Bezig met webdesign / webdevelopment? Je eigen Mac als lokale webserver?
iPhone 4, 16 GB (black) | MacBook Pro 15", 2.44Ghz Intel Core 2 Duo,  4GB Ram | Airport Extreme | MacMini Intel Core 2 Duo, 4GB Ram | PowerMac G4 MMD Dual 1Ghz.
HTML vraagje over images
14 januari 2009 - 09:29    reactie #2
geplaatst door: mvdg
@pakito: om dat te bereiken maak je om de afbeelding heen een div. Die div heeft een 'padding' (waardoor de binnenste rand ontstaat) en een 'border' die het buitenste randje vormt. Dat is alles.
Mitch Design : websites en interactieve toepassingen : http://www.mitchdesign.nl