Hallo, ich sitze hier seit nun bald 2 Tagen an einer einfachen Seite. In der Seite soll eine Farbpalette mit rollovers für die einzelnen Farbabschnitte (untitled-03 bis 24) sein. Die Rollovers sollen im Feld darunter die Grafik Untitled-26 mit Farbnamen z.B. weiß (alle Grafiken haben die gleiche Größe) ersetzen. Ich weiß, dass das Schwierig ist, aber einer hier kennt bestimmt eine Lösung.![Großes Lächeln](https://entwickler-forum.de/core/images/smilies/biggrin.png)
Ich habe die Seite mit PHP in Frames zerlegt und auch ein ganz gutes html als Ergebnis bekommen, dass werd ich hier mal anhängen. Ich verzichte mal darauf meine Versuche das rollover hinzukriegen mit aufzunehmen, mach ich mich nur lächerlich mit![Stirnrunzeln](https://entwickler-forum.de/core/images/smilies/frown.png)
<html>
<head>
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1.psd) -->
<table id="Table_01" width="1280" height="2551" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="24">
<img src="images/Untitled-1_01.jpg" width="1280" height="1104" alt=""></td>
</tr>
<tr>
<td>
<img src="images/Untitled-1_02.jpg" width="599" height="55" alt=""></td>
<td>
<a href="FARBEN/weiß.jpg" target="Untitled-1_26">
**hier soll der erste rollover rein
<img src="images/Untitled-1_03.jpg" width="19" height="55" border="0" alt=""></a></td>
<td>
<img src="images/Untitled-1_04.jpg" width="18" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_05.jpg" width="19" height="55" alt=""></td>
<td colspan="2">
<img src="images/Untitled-1_06.jpg" width="18" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_07.jpg" width="19" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_08.jpg" width="18" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_09.jpg" width="19" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_10.jpg" width="19" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_11.jpg" width="18" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_12.jpg" width="19" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_13.jpg" width="18" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_14.jpg" width="19" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_15.jpg" width="18" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_16.jpg" width="19" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_17.jpg" width="19" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_18.jpg" width="18" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_19.jpg" width="19" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_20.jpg" width="18" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_21.jpg" width="19" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_22.jpg" width="18" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_23.jpg" width="19" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_24.jpg" width="291" height="55" alt=""></td>
</tr>
<tr>
<td>
<img src="images/Untitled-1_25.jpg" width="599" height="32" alt=""></td>
<td colspan="4">
<img src="images/Untitled-1_26.jpg" width="72" height="32" alt=""></td>
<td colspan="19">
<img src="images/Untitled-1_27.jpg" width="609" height="32" alt=""></td>
</tr>
<tr>
<td colspan="24">
<img src="images/Untitled-1_28.jpg" width="1280" height="1359" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="599" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="16" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="291" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Ich würd mich freuen wenn mir jemand helfen kann, ich kann's leider noch nicht...
![Großes Lächeln](https://entwickler-forum.de/core/images/smilies/biggrin.png)
Ich habe die Seite mit PHP in Frames zerlegt und auch ein ganz gutes html als Ergebnis bekommen, dass werd ich hier mal anhängen. Ich verzichte mal darauf meine Versuche das rollover hinzukriegen mit aufzunehmen, mach ich mich nur lächerlich mit
![Stirnrunzeln](https://entwickler-forum.de/core/images/smilies/frown.png)
<html>
<head>
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1.psd) -->
<table id="Table_01" width="1280" height="2551" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="24">
<img src="images/Untitled-1_01.jpg" width="1280" height="1104" alt=""></td>
</tr>
<tr>
<td>
<img src="images/Untitled-1_02.jpg" width="599" height="55" alt=""></td>
<td>
<a href="FARBEN/weiß.jpg" target="Untitled-1_26">
**hier soll der erste rollover rein
<img src="images/Untitled-1_03.jpg" width="19" height="55" border="0" alt=""></a></td>
<td>
<img src="images/Untitled-1_04.jpg" width="18" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_05.jpg" width="19" height="55" alt=""></td>
<td colspan="2">
<img src="images/Untitled-1_06.jpg" width="18" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_07.jpg" width="19" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_08.jpg" width="18" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_09.jpg" width="19" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_10.jpg" width="19" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_11.jpg" width="18" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_12.jpg" width="19" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_13.jpg" width="18" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_14.jpg" width="19" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_15.jpg" width="18" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_16.jpg" width="19" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_17.jpg" width="19" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_18.jpg" width="18" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_19.jpg" width="19" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_20.jpg" width="18" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_21.jpg" width="19" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_22.jpg" width="18" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_23.jpg" width="19" height="55" alt=""></td>
<td>
<img src="images/Untitled-1_24.jpg" width="291" height="55" alt=""></td>
</tr>
<tr>
<td>
<img src="images/Untitled-1_25.jpg" width="599" height="32" alt=""></td>
<td colspan="4">
<img src="images/Untitled-1_26.jpg" width="72" height="32" alt=""></td>
<td colspan="19">
<img src="images/Untitled-1_27.jpg" width="609" height="32" alt=""></td>
</tr>
<tr>
<td colspan="24">
<img src="images/Untitled-1_28.jpg" width="1280" height="1359" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="599" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="16" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="291" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Ich würd mich freuen wenn mir jemand helfen kann, ich kann's leider noch nicht...
Comment