✔ Position von Bildern bei Wechsel via Javascript springt

[Merbi]

Morgen,

melde mich nach langer Zeit zurück und brauche nochmal eure Hilfe.

Habe ja eine Liste von Freunden, bei der ein Vorschaubild wechselt sobald man über die Namen fährt.
Nun habe ich diese Liste erweitert und jetzt liegen die Grafiken nicht mehr an der selben Stelle sondern Kreuz und Quer auf der Seite.

Hoffe ihr habt verstanden was ich meine.

Die Codes sehen wie folgt aus:

freunde.php:

	&raquo;<strong>Über mich - Freunde</strong>

		<br />
		<br />

		<div id="left">

		<a href="index.php?id=freunde.php" onmouseover="document.getElementById('trici').style.visibility='visible'" onmouseout="document.getElementById('trici').style.visibility='hidden'">Trici</a><br />
		<a href="index.php?id=dennis.php" onmouseover="document.getElementById('dennis').style.visibility='visible'" onmouseout="document.getElementById('dennis').style.visibility='hidden'">Dennis</a><br />
		<a href="index.php?id=pascal.php" onmouseover="document.getElementById('pascal').style.visibility='visible'" onmouseout="document.getElementById('pascal').style.visibility='hidden'">Pascal</a><br />
		<a href="index.php?id=freunde.php" onmouseover="document.getElementById('marcel').style.visibility='visible'" onmouseout="document.getElementById('marcel').style.visibility='hidden'">Marcel</a><br />
		<a href="index.php?id=lennard.php" onmouseover="document.getElementById('lennard').style.visibility='visible'" onmouseout="document.getElementById('lennard').style.visibility='hidden'">Lennard</a><br />
		<a href="index.php?id=marius.php" onmouseover="document.getElementById('marius').style.visibility='visible'" onmouseout="document.getElementById('marius').style.visibility='hidden'">Marius</a>

		</div>

		<div>

		<img id="trici" src="templates/images/trici_thumb.jpg" alt="" style="visibility:hidden;" />
		<img id="dennis" src="templates/images/dennis_thumb.jpg" alt="" style="visibility:hidden;" />
		<img id="pascal" src="templates/images/pascal_thumb.jpg" alt="" style="visibility:hidden;" />
		<img id="marcel" src="templates/images/marcel_thumb.jpg" alt="" style="visibility:hidden;" />
		<img id="lennard" src="templates/images/lennard_thumb.jpg" alt="" style="visibility:hidden;" />
		<img id="marius" src="templates/images/marius_thumb.jpg" alt="" style="visibility:hidden;" />

		</div>

stylesheet.css:

#left {
	position: relative;
	float: left;
}

Bisher wurden die Vorschaubilder Rechts neben der Namensliste angezeigt immer an der selben Stelle. Nun ist ein Bild ganz Rechts, eins Links, und so weiter.

Vielen Dank

Daniel

 

[Maik]

Hi,

Nun habe ich diese Liste erweitert und jetzt liegen die Grafiken nicht mehr an der selben Stelle sondern Kreuz und Quer auf der Seite.

[...]

Bisher wurden die Vorschaubilder Rechts neben der Namensliste angezeigt immer an der selben Stelle.

dann wurden die Bilder wohl bisher mit einer absoluten Positionierung an derselben Stelle angezeigt - zur Erinnerung wirf einfach mal einen Blick in deinen Thread Bilder werden bei Onmouseover an der falschen Stelle angezeigt, der sich schon in der Vergangenheit mit dieser Liste und den anzuzeigenden Bildern beschäftigte.

mfg Maik

 

[Merbi]

Ok, Tausend Dank.
Habe schon gar keinen Überblick mehr was ich hier alles gefragt habe.

LG Daniel