javascriptmenü + flashcounter

  • Themenstarter Themenstarter Peshay
  • Beginndatum Beginndatum
n andres forum war schneller =)
(des forum von der seite wo ich den counter her hab)
jetzt gehts und schaut so aus:
Code:
<html> 

<body bgcolor="#000000"> 
</head> 
<script language="JavaScript"> 
<!-- 
n1 = new Image(); 
n1.src = "buttons/news1.jpg"; 
h1 = new Image(); 
h1.src = "buttons/news2.jpg"; 

n2 = new Image(); 
n2.src = "buttons/musik1.jpg"; 
h2 = new Image(); 
h2.src = "buttons/musik2.jpg"; 

n3 = new Image(); 
n3.src = "buttons/wir1.jpg"; 
h3 = new Image(); 
h3.src = "buttons/wir2.jpg"; 

n4 = new Image(); 
n4.src = "buttons/guestbook1.jpg"; 
h4 = new Image(); 
h4.src = "buttons/guestbook2.jpg"; 

n5 = new Image(); 
n5.src = "buttons/contact1.jpg"; 
h5 = new Image(); 
h5.src = "buttons/contact2.jpg"; 

n6 = new Image(); 
n6.src = "buttons/links1.jpg"; 
h6 = new Image(); 
h6.src = "buttons/links2.jpg"; 



function Bildwechsel(B,hmm) 
{ 
window.document.images[B].src = hmm.src; 
} 
//--> 
//--> 
</script> 

<body> 


</td><td><a href="news.htm" target="haupt" onMouseOver="Bildwechsel(0,h1)" onMouseOut="Bildwechsel(0,n1)" > 
<img src="buttons/news1.jpg" border=0 style="position:absolute; top=85px; left=0px"></a></html><html></html><p> 
&nbsp;</td><td><a href="musik.htm" target="haupt" onMouseOver="Bildwechsel(1,h2)" onMouseOut="Bildwechsel(1,n2)" ><img src="buttons/musik1.jpg" border=0 style="position:absolute; top=135px; left=0px"></a> 

</td><td><a href="wir.htm" target="haupt" onMouseOver="Bildwechsel(2,h3)" onMouseOut="Bildwechsel(2,n3)" > 
<img src="buttons/wir1.jpg" border=0 style="position:absolute; top=185px; left=0px"></a> 

</td><td><a href="http://tools.freecity.de/guestbook/buech" target="haupt" onMouseOver="Bildwechsel(3,h4)" onMouseOut="Bildwechsel(3,n4)" > 
<img src="buttons/guestbook1.jpg" border=0 style="position:absolute; top=235px; left=0px"></a> 

</td><td><a href="contact.htm" target="haupt" onMouseOver="Bildwechsel(4,h5)" onMouseOut="Bildwechsel(4,n5)" > 
<img src="buttons/contact1.jpg" border=0 style="position:absolute; top=285px; left=0px"></a> 

</td><td><a href="links.htm" target="haupt" onMouseOver="Bildwechsel(5,h6)" onMouseOut="Bildwechsel(5,n6)" > 
<img src="buttons/links1.jpg" border=0 style="position:absolute; top=335px; left=0px"></a> 
</p> 
<p>&nbsp;</p> 
<p>&nbsp;</p> 
<p>&nbsp;</p> 
<p>&nbsp;</p> 
<p>&nbsp;</p> 
<p>&nbsp;</p> 
<p>&nbsp;</p> 
<p>&nbsp;</p> 
<p>&nbsp;</p><script language="JavaScript" src="http://www.webmasterpro.de/fc/counter.php3?name=peshay&style=20sound&b=85&h=15" style="position:absolute; top=350px; left=0px"></script> 
</body> 

</html>


TROTZDEM DANKE!!!!!
 
das ist aber trotzdem noch ein driss quellcode!
der is meines empfindens besser und ist wegen der tabellenhöhe genauso veränderbar, wie der den du jetzt hast


<HTML>
<HEAD>
<SCRIPT language=JavaScript>
<!--
n1 = new Image();
n1.src = "buttons/news1.jpg";
h1 = new Image();
h1.src = "buttons/news2.jpg";

n2 = new Image();
n2.src = "buttons/musik1.jpg";
h2 = new Image();
h2.src = "buttons/musik2.jpg";

n3 = new Image();
n3.src = "buttons/wir1.jpg";
h3 = new Image();
h3.src = "buttons/wir2.jpg";

n4 = new Image();
n4.src = "buttons/guestbook1.jpg";
h4 = new Image();
h4.src = "buttons/guestbook2.jpg";

n5 = new Image();
n5.src = "buttons/contact1.jpg";
h5 = new Image();
h5.src = "buttons/contact2.jpg";

n6 = new Image();
n6.src = "buttons/links1.jpg";
h6 = new Image();
h6.src = "buttons/links2.jpg";

function Bildwechsel(B,hmm)
{
window.document.images[ B].src = hmm.src;
}
//-->
</SCRIPT>
</HEAD>
<BODY bgColor=#000000>
<table>
<tr>
<TD><A onmouseover=Bildwechsel(0,h1) onmouseout=Bildwechsel(0,n1)
href="http://www.peshay.f2s.com/news.htm" target=haupt><IMG src="buttons/news1.jpg"
border=0></A></TD>
</tr>
<tr>
<TD><A onmouseover=Bildwechsel(1,h2)
onmouseout=Bildwechsel(1,n2) href="http://www.peshay.f2s.com/musik.htm"
target=haupt><IMG src="buttons/musik1.jpg" border=0></A></TD>
</tr>
<tr>
<TD><A
onmouseover=Bildwechsel(2,h3) onmouseout=Bildwechsel(2,n3)
href="http://www.peshay.f2s.com/wir.htm" target=haupt><IMG src="buttons/wir1.jpg"
border=0></A></TD>
</tr>
<tr>
<TD><A onmouseover=Bildwechsel(3,h4)
onmouseout=Bildwechsel(3,n4) href="http://tools.freecity.de/guestbook/buech"
target=haupt><IMG src="buttons/guestbook1.jpg" border=0></A></TD>
</tr>
<tr>
<TD><A
onmouseover=Bildwechsel(4,h5) onmouseout=Bildwechsel(4,n5)
href="http://www.peshay.f2s.com/contact.htm" target=haupt><IMG src="buttons/contact1.jpg"
border=0></A></TD>
</tr>
<tr>
<TD><A onmouseover=Bildwechsel(5,h6)
onmouseout=Bildwechsel(5,n6) href="http://www.peshay.f2s.com/links.htm"
target=haupt><IMG src="buttons/links1.jpg" border=0></A></td>
</tr>
</table>
<SCRIPT language=JavaScript src="http://www.webmasterpro.de/fc/counter.php3?name=peshay&style=20sound&b=85&h=15"></SCRIPT>
</BODY>
</HTML>


deine styles bei den images
style="position:absolute; top=85px; left=0px"
verursachen deine probleme, denn diese haben aus deinen bildern eine abart von layern gemacht.


der code von dem anderen forum funktioniert nur, weil die ganzen p (absätze) eingefügt wurden, aber ändern nichts an dem problem.

lese dir mal bitte ein buch zu html oder dementsprechend durch aufgrund der tabellen und so weiter. http://selfhtml.tutorials.de/ kann dir auch etwas helfen
 
Zuletzt bearbeitet von einem Moderator:
Zurück