|
|||
weiße gestrichelte linie um bilder
Hallo,
ich würde gerne wissen, ob nachfolgendes bild mit css möglich ist. Das heisst, ein Bild mit einer weißen gestrichelten linie umranden, so dass ein briefmarken artiger rand entsteht. beispiel: http://www.derya-landet.de/briefmarke.png vielen dank und grüsse aus berlin derya Geändert von Derya (30.10.2007 um 00:20 Uhr) |
Sponsored Links |
|
|||
Auf die Schnelle:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="de"> <head> <title>Test</title> <meta http-equiv="Content-type" content="text/html; charset=utf-8"/> <style type="text/css"> .rahmen { position: relative; } .rahmen div { border: 4px dashed white; position: absolute; top: 0; left: 0; z-index: 2; width: 792px; // Bildbreite minus zweimal Borderbreite height: 592px; // Bildhöhe minus zweimal Borderbreite } .rahmen img { display: block; position: relative; z-index: 1; } </style> </head> <body> <div class="rahmen"><img src="..." width="800" height="600"><div></div></div> </body> </html> |
Sponsored Links |
|
|||
Vielen dank,
es funktioniert in safari und firefox auf dem mac. die kommentare in den width und height angaben waren hilfreich, mussten aber gelöscht werden um korrekt dargestellt zu werden. was müsste ich denn machen, wenn ich mehrere dieser briefmarken rasterartig nebeneinander haben möchte und sie als link benutzen würde? danke nochmals und sorry wenn die fragen anfängerhaft klingen derya |
|
|||
Zitat:
Zitat:
Zitat:
Robin |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Mysteriöse weiße Linie | Xethon | CSS | 3 | 27.02.2010 15:50 |
bilder in div container unten anordnen | diegaby | CSS | 12 | 17.11.2008 14:08 |
Bildergalerie mit Variablen | fledermaus | Serveradministration und serverseitige Scripte | 1 | 08.04.2008 08:57 |
css - Linie oben wird statt gepunktet gestrichelt dargestellt | Agnes | CSS | 2 | 19.11.2007 15:58 |
Opera9/FF2/IE7 alles OK,ABER im IE 6 weiße Linie bzw. 1px hoher freiraum ??? | bastien | CSS | 6 | 14.04.2007 23:50 |