weiße gestrichelte linie um bilder

Derya · #1 (**permalink**) 19.04.2007, 12:33

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

RoToRa · #2 (**permalink**) 19.04.2007, 12:50

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>

Derya · #3 (**permalink**) 19.04.2007, 13:41

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

RoToRa · #4 (**permalink**) 19.04.2007, 14:15

Zitat:

Zitat von Derya

die kommentare in den width und height angaben waren hilfreich, mussten aber gelöscht werden um korrekt dargestellt zu werden.

Ups, da habe ich den falschen Kommentarsyntax benutzt. Sollte natürlich /* ... */ sein.

Zitat:

was müsste ich denn machen, wenn ich mehrere dieser briefmarken rasterartig nebeneinander haben möchte

Die Rahmen floaten lassen. Die Größenangaben musst du warscheinlich in den Style-Attribut verschieben, da sie für jedes Bild wohl anderes sind.

Zitat:

und sie als link benutzen würde?

Ein Link, statt den <div class="rahmen"> benutzen.

Robin

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ä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