hjælp med en simpel kode jeg ikke kan få til at du
jeg kan ikke få denne kode til at, submenuen bliver simpelthen ikke synlig.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<!-- STYLE -->
<STYLE>
td.sub{
visibility: hidden;
color: white;
font-size: 10 px;
font-family: arial;
}
tr.topmenu{
background-color: black;
color: white;
font-size: 10 px;
font-family: arial;
}
tr.submenu{
background-color: black;
color: white;
font-size: 10 px;
font-family: arial;
}
</STYLE>
<!-- SCRIPT -->
<script type="text/javascript">
function showmenu(sub)
{
sub.style.visibility="visible"
}
function hidemenu(sub)
{
sub.style.visibility="hidden"
}
</script>
</HEAD>
<BODY>
<TABLE class="menu" cellspacing="0">
<TR class="topmenu">
<TD onmouseover="showmenu(sub)" onmouseout="hidemenu(sub)">MENU 11111111111</TD>
<TD onmouseover="showmenu(sub2)" onmouseout="hidemenu(sub2)">MENU 2222222222</TD>
<TD onmouseover="showmenu(sub3)" onmouseout="hidemenu(sub3)">MENU 3333333333</TD>
</TR>
<TR class="submenu">
<TD id="sub" class="sub" valign="top">
SUB 111111111111
</TD>
<TD id="sub2" class="sub" valign="top">
SUB 222222222222
</TD>
<TD id="sub3" class="sub" valign="top">
SUB 333333333333
</TD>
</TR>
<TR class="submenu">
<TD id="sub" class="sub" valign="top">
SUB 111111111111
</TD>
<TD id="sub2" class="sub" valign="top">
SUB 222222222222
</TD>
<TD id="sub3" class="sub" valign="top">
SUB 333333333333
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
det mærkelige er at vis jeg fjerne den ene "<TR>" så vriker den, så den ser sådanne ud:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<!-- STYLE -->
<STYLE>
td.sub{
visibility: hidden;
color: white;
font-size: 10 px;
font-family: arial;
}
tr.topmenu{
background-color: black;
color: white;
font-size: 10 px;
font-family: arial;
}
tr.submenu{
background-color: black;
color: white;
font-size: 10 px;
font-family: arial;
}
</STYLE>
<!-- SCRIPT -->
<script type="text/javascript">
function showmenu(sub)
{
sub.style.visibility="visible"
}
function hidemenu(sub)
{
sub.style.visibility="hidden"
}
</script>
</HEAD>
<BODY>
<TABLE class="menu" cellspacing="0">
<TR class="topmenu">
<TD onmouseover="showmenu(sub)" onmouseout="hidemenu(sub)">MENU 11111111111</TD>
<TD onmouseover="showmenu(sub2)" onmouseout="hidemenu(sub2)">MENU 2222222222</TD>
<TD onmouseover="showmenu(sub3)" onmouseout="hidemenu(sub3)">MENU 3333333333</TD>
</TR>
<TR class="submenu">
<TD id="sub" class="sub" valign="top">
SUB 111111111111
</TD>
<TD id="sub2" class="sub" valign="top">
SUB 222222222222
</TD>
<TD id="sub3" class="sub" valign="top">
SUB 333333333333
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
hvorfor ? Og hvordan løses det ?
