nicht angemeldet
Nein kann man leider nicht ansehen. Ich poste mal den Quellcode. Ist aber noch nicht fertig @ Fehler usw :)
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml'> <head> <title>AlexFechner.de</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="http://jigsaw.w3.org/css-validator/" rel="validator" /> <style type="text/css"> body { margin:0px; padding:0px; background-image:url(images/bg.gif); color:black; font-family:arial; font-size:8pt; } div { margin:0px; padding:0px; float:left; } .div_menu { height:23px; padding-right:10px; float:left; } .div_menu2 { padding-left:9px; padding-top:60px; height:23px; float:left; }
a:link { color:#575752; text-decoration:none; font-family:arial; font-size:8pt; font-weight:bolder; } a:visited { color:#575752; text-decoration:none; font-family:arial; font-size:8pt; font-weight:bolder; } a:active { color:#575752; text-decoration:none; font-family:arial; font-size:8pt; font-weight:bolder; } a:hover { color:#575752; text-decoration:none; font-family:arial; font-size:8pt; font-weight:bolder; } </style>
<script language="JavaScript"> <!-- Normal1 = new Image(); Normal1.src = "images/link/startseite.gif"; Highlight1 = new Image(); Highlight1.src = "images/link/startseite2.gif";
Normal2 = new Image(); Normal2.src = "images/link/einloggen.gif"; Highlight2 = new Image(); Highlight2.src = "images/link/einloggen2.gif";
Normal3 = new Image(); Normal3.src = "images/link/registrieren.gif"; Highlight3 = new Image(); Highlight3.src = "images/link/registrieren2.gif";
Normal4 = new Image(); Normal4.src = "images/link/passwort-vergessen.gif"; Highlight4 = new Image(); Highlight4.src = "images/link/passwort-vergessen2.gif";
Normal5 = new Image(); Normal5.src = "images/link/ll.gif"; Highlight5 = new Image(); Highlight5.src = "images/link/ll2.gif";
function Bildwechsel(Bildnr,Bildobjekt) { window.document.images[Bildnr].src = Bildobjekt.src; } //--> </script> </head> <body> <table cellSpacing="0" cellPadding="0" style="width:740px; border-left-style:solid; border-right-style:solid; border-color:#999966; border-width:2px;" align="center"> <tr> <td colspan="3" style="background-image:url(images/top1.gif); height:26px;"></td> </tr> <tr> <td colspan="3" style="background-color:#D1D19C;"> <table cellSpacing="0" cellPadding="0" style="width:100%"> <tr valign="bottom"> <td style="width:164px;"> <div style="height:35px; padding:1px; padding-left:3px;"> <div><img src="images/header.gif" alt="AlexFechner.de" /></div> </div> </td> <td>
<table cellSpacing="0" cellPadding="0" align="right"><tr><td> <div class="div_menu"><a href="" onMouseOver="Bildwechsel(1,Highlight1)" onMouseOut="Bildwechsel(1,Normal1)"> <img src="images/link/startseite.gif" alt="Startseite" border="0" /></a></div>
<div class="div_menu"><a href="" onMouseOver="Bildwechsel(2,Highlight2)" onMouseOut="Bildwechsel(2,Normal2)"> <img src="images/link/einloggen.gif" alt="Einloggen" border="0" /></a></div>
<div class="div_menu"><a href="" onMouseOver="Bildwechsel(3,Highlight3)" onMouseOut="Bildwechsel(3,Normal3)"> <img src="images/link/registrieren.gif" alt="Registrieren" border="0" /></a></div>
<div class="div_menu"><a href="" onMouseOver="Bildwechsel(4,Highlight4)" onMouseOut="Bildwechsel(4,Normal4)"> <img src="images/link/passwort-vergessen.gif" alt="Passwort vergessen?" border="0" /></a></div> </td></tr></table>
</td> </tr> </table>
</td> </tr> <tr> <td colspan="3" style="background-image:url(images/top2.gif); height:73px;"></td> </tr> <tr valign="top"> <td style="width:220px; background-image:url(images/menubg.gif); height:127px;"> <div style="width:220px; height:227px; background-image:url(images/menu.gif);"> <div class="div_menu2"> <a href="" onMouseOver="Bildwechsel(5,Highlight5)" onMouseOut="Bildwechsel(5,Normal5)"> <img src="images/link/ll.gif" alt="test" border="0" /> Schildkröte</a> - Alles über meine Gelbwangen-Florida-Schmuckschildkröte.<br />
<a href="" onMouseOver="Bildwechsel(6,Highlight5)" onMouseOut="Bildwechsel(6,Normal5)"> <img src="images/link/ll.gif" alt="test" border="0" /> Verweise</a> - Seiten die ich auf jeden Fall mehr oder weniger oft Besuche.<br />
<a href="" onMouseOver="Bildwechsel(7,Highlight5)" onMouseOut="Bildwechsel(7,Normal5)"> <img src="images/link/ll.gif" alt="test" border="0" /> Games</a> - Spiele die man unbedingt gespielt haben sollte, weil ich sie auch gespielt habe.<br />
</div> </div> </td> <td style="width:468px; background-image:url(images/bg.gif); height:127px;"></td> <td style="width:52px; background-image:url(images/vsmenubg.gif); height:127px;"> <div style="width:52px; height:227px; background-image:url(images/vsmenu.gif);"> </div> </td> </tr> <tr> <td colspan="3" style="background-image:url(images/bottom.gif); height:71px;"></td> </tr> </table> </body> </html>
Das obere Menu würde sich dann verändern, womit sich die Anzahl der Bilder ja auch verändert.
Gruß und Danke Alex