Hallo hab folgendes Problem. Für meine HP versuche ich folgendes Menü zu programmieren:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><script language="JavaScript1.2" type="text/jscript">
function over_effect(e,state){
if (document.all)
source4=event.srcElement;
else if (document.getElementById)
source4=e.target;
if (source4.className=="menulines")
source4.style.borderStyle=state;
else{
while(source4.tagName!="TABLE"){
source4=document.getElementById ? source4.parentNode : source4.parentElement;
if (source4.className=="menulines")
source4.style.borderStyle=state;}}}
</script><style type="text/css">
<!--
body {font-family:tahoma,serif;}
.menulines {border:2.5px solid #F0F0F0;}
.menulines a {text-decoration:none;
color:black;
font-family:tahoma, times, serif;
font-size:10pt;}
-->
</style>
</head><body>
<table border="0" width="140" cellspacing="5" cellpadding="5" onmouseover="over_effect(event,'outset')" onmouseout="over_effect(event,'solid')" onmousedown="over_effect(event,'inset')" onmouseup="over_effect(event,'outset')" style="background-color:#F0F0F0" align="center">
<tr><td width="100%" bgcolor="#E6E6E6" align="center"><strong>Main Menu</strong></td></tr>
<tr><td width="100%" class="menulines" align="center"><a href="#" target="_self">Link 1</a></td></tr>
<tr><td width="100%" class="menulines" align="center"><a href="#" target="_self">Link 2</a></td></tr>
<tr><td width="100%" class="menulines" align="center"><a href="#" target="_self">Link 3</a></td></tr>
<tr><td width="100%" class="menulines" align="center"><a href="#" target="_self">Link 4</a></td></tr>
<tr><td width="100%" class="menulines" align="center"><a href="#" target="_self">Link 5</a></td></tr>
<tr><td width="100%" class="menulines" align="center"><a href="#" target="_self">Link 6</a></td></tr>
<tr><td width="100%" class="menulines" align="center"><a href="#" target="_self">Link 7</a></td></tr>
</table>
</body></html>
Beim IE werden auch alle funktional bedingten Mouseover -out -up -down Effekte wie gewünscht dargestellt. Soll heißen Rahmen werden dargestellt wie über die CSS Formatierung gewünscht.
FF 1.0 tut sich hier schwer soll heißen er nimmt die CSSFormatierungen erst gar nicht vor. ich vermute das mein Fehler im Script liegt (irgendwas in der Notation) komm aber nicht so richtig weiter.
Wer kann helfen und Tipps geben?