Hello,
I have been working on a rollover menu. It works perfect in the current versions of IE, Firefox and Netscape; however, it does not work fully in Opera.
<TABLE HEIGHT="5" WIDTH="950"><TR><TD>
<CENTER>
<FONT face=Default size=3><STRONG>
<DIVCLASS=spec>Search</DIV></STRONG>
<A><I><DIV CLASS=x>Button 1</DIV></I></A>
<A><I><DIV CLASS=x>Button 2</DIV></I></A>
<A HREF=http://www.webdeveloper.com/forum/archive/index.php/"link1.html"><DIV CLASS=x>Button 3</DIV></A>
<A HREF=http://www.webdeveloper.com/forum/archive/index.php/"link2.html"><DIV CLASS=x>Button 4</DIV></A>
<A HREF=http://www.webdeveloper.com/forum/archive/index.php/"link3.html"><DIV CLASS=x>Button 5</DIV></A>
<I><DIV CLASS=x>Button 6</DIV></I></A>
<A HREF=http://www.webdeveloper.com/forum/archive/index.php/"link4.html"><DIV CLASS=x>Button 7</DIV></A>
<A HREF=http://www.webdeveloper.com/forum/archive/index.php/"link5.html"><DIV CLASS="spec" ID="mnu" onMouseOut="M()" onMouseOver="L('box')">Button 8</DIV></A>
<A HREF=http://www.webdeveloper.com/forum/archive/index.php/"link6.html"><DIV CLASS=x>Button 9</DIV>
</TD></TR></TABLE>
Here is what the rollover menu looks like:
<DIV ID=box STYLE="position:absolute; width: 200px; height: 100px; z-index: 1; visibility: hidden">
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD BGCOLOR="#CCCCCC">
<TABLE BORDER=0 CELLPADDING=1 CELLSPACING=1>
<TR ID="R2" BGCOLOR="#999999">
<TD>cell 1</TD>
</TR>
<TR ID="R3" BGCOLOR="#999999">
<TD><cell 2</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</DIV>
The bolded line is the problem line. When I pull that line out of the table the rollover menu wroks fine in Opera. When left in the table, the rollover menu appears off the screen making the page wider. You can't actually see the box appear, but the page keeps expanding wider each time button 7 is rolled over.
When the position of the menu is changed to fixed from absolute, the rollover menu appears in the top left corner when using IE, Firefox and Opera. Is there any way to position the the menu when setting postion: fixed to allow it to drop below the button 7? Is this a bug with the way Opera inteprets the script?
thanks in advance for any help and advice.No, no ideas at all, since you didn't post any of the javascript, just the function calls. However a div is a block level element so I don't believe having it inside an anchor tag is semantically correct.
I have been working on a rollover menu. It works perfect in the current versions of IE, Firefox and Netscape; however, it does not work fully in Opera.
<TABLE HEIGHT="5" WIDTH="950"><TR><TD>
<CENTER>
<FONT face=Default size=3><STRONG>
<DIVCLASS=spec>Search</DIV></STRONG>
<A><I><DIV CLASS=x>Button 1</DIV></I></A>
<A><I><DIV CLASS=x>Button 2</DIV></I></A>
<A HREF=http://www.webdeveloper.com/forum/archive/index.php/"link1.html"><DIV CLASS=x>Button 3</DIV></A>
<A HREF=http://www.webdeveloper.com/forum/archive/index.php/"link2.html"><DIV CLASS=x>Button 4</DIV></A>
<A HREF=http://www.webdeveloper.com/forum/archive/index.php/"link3.html"><DIV CLASS=x>Button 5</DIV></A>
<I><DIV CLASS=x>Button 6</DIV></I></A>
<A HREF=http://www.webdeveloper.com/forum/archive/index.php/"link4.html"><DIV CLASS=x>Button 7</DIV></A>
<A HREF=http://www.webdeveloper.com/forum/archive/index.php/"link5.html"><DIV CLASS="spec" ID="mnu" onMouseOut="M()" onMouseOver="L('box')">Button 8</DIV></A>
<A HREF=http://www.webdeveloper.com/forum/archive/index.php/"link6.html"><DIV CLASS=x>Button 9</DIV>
</TD></TR></TABLE>
Here is what the rollover menu looks like:
<DIV ID=box STYLE="position:absolute; width: 200px; height: 100px; z-index: 1; visibility: hidden">
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD BGCOLOR="#CCCCCC">
<TABLE BORDER=0 CELLPADDING=1 CELLSPACING=1>
<TR ID="R2" BGCOLOR="#999999">
<TD>cell 1</TD>
</TR>
<TR ID="R3" BGCOLOR="#999999">
<TD><cell 2</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</DIV>
The bolded line is the problem line. When I pull that line out of the table the rollover menu wroks fine in Opera. When left in the table, the rollover menu appears off the screen making the page wider. You can't actually see the box appear, but the page keeps expanding wider each time button 7 is rolled over.
When the position of the menu is changed to fixed from absolute, the rollover menu appears in the top left corner when using IE, Firefox and Opera. Is there any way to position the the menu when setting postion: fixed to allow it to drop below the button 7? Is this a bug with the way Opera inteprets the script?
thanks in advance for any help and advice.No, no ideas at all, since you didn't post any of the javascript, just the function calls. However a div is a block level element so I don't believe having it inside an anchor tag is semantically correct.