wie Bilder direkt ohne Leerzeichen aneinanderhängen ? ? ?

felixstoessel

Hallo,
ich habe hier erstmal den quelltext:

HTML

<html>
	<head>
		<title>Test</title>
		<script type="text/javascript">
		image1 = new Image;
		image1.src = "normal.png";

		image2 = new Image;
		image2.src = "over.png";
		</script>
	</head>
	<body>
		<a href="link.php" onMouseOver="button01.src=image2.src" onMouseOut="button01.src=image1.src">
		[img]normal.png[/img]</a>
		<a href="uebermich.php" onMouseOver="button02.src=image2.src" onMouseOut="button02.src=image1.src">
		[img]normal.png[/img]</a>
	</body>
</html>

Alles anzeigen

und nun habe ich ein Problem: Alles funktioniert, außer, dass die Bilder einen Abstand voneinander haben. (ca. 1-2 Leerzeichen). Wie bekomme ich den Abstand weg??

MFG
Felix

phpfan

Du musst das alles in einer Zeile ohne Leerzeichen zwischen den einzelnen Tags schreiben. Sieht zwar nicht schön aus, aber es funktioniert.

jojo87

mal in den head:

Code

<style type="text/css">
img, a {
padding:0;
margin:0;
}
</style>

felixstoessel

danke, funktioniert, aber gibt es da nicht eine andere alternative??
ich möchte ned so in die breitegezogenen quellcode haben.

The User

Das hat jojo doch geschrieben!
Viele liebe Grüße
The User

synaptic

öfter mal return drücken...^^
den quellcode kannste fast so gestalten wie du magst, da git es wenig konventionen, die einzuhalten sind...
ne formatierung des quelltextes hat meist keine änderung des look&feel der site

felixstoessel

hmm, also das is etz mal mein quellcode:

HTML

<html>
	<head>
		<title>Test</title>
		<link rel="stylesheet" type="text/css" href="stylesheet.css">
		<script type="text/javascript" src="images.js"></script>
	</head>
	<body>
		<a href="felixstoessel.php" onMouseOver="button01.src=image1_1.src" onMouseOut="button01.src=image1_0.src">
		[img]home.png[/img]</a>
		<a href="uebermich.php" onMouseOver="button02.src=image2_1.src" onMouseOut="button02.src=image2_0.src">
		[img]home.png[/img]</a>
	</body>
</html>

Alles anzeigen

externe-css:

Code

img, a {
padding: 0;
margin: 0;
}

geht immer noch ned?!?!

Spacefish

Ist du .css Datei richtig benannt (stylesheet.css) und im selben Verzeichniss als deine Datei mit dem Html Quellcode?

synaptic

mach mal in der css "a img" statt "img a"

jojo87

synaptic, achte auf das Komma zwischen a und img. Die Angaben sollen sich auf alle a und img Tags beziehen.

geht immer noch ned
vll hat das was mit der funktion zu tun?!?

hier ist nochmal die js-datei:

Code

image1_0 = new Image;
image1_0.src = "style/home.png";


image1_1 = new Image;
image1_1.src = "style/home_over.png";


image2_0 = new Image;
image2_0.src = "style/home.png";


image2_1 = new Image;
image2_1.src = "style/home_over.png";

Alles anzeigen

ich habs getestet mit a, img statt img, a geht alles ned.