HighDots Forums  

Flickering Layer When Using UL and Links...

alt.html alt.html


Discuss Flickering Layer When Using UL and Links... in the alt.html forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
adam.waterfield@gmail.com
 
Posts: n/a

Default Flickering Layer When Using UL and Links... - 06-11-2008 , 07:21 AM






I have a bit of a strange issue with a CSS styled unordered list
(contained within a <div>).

The layer is acting as a drop down when triggered by a JS onmouse
event of a link - this works fine.
However the layer has a unordered list containing links - when you
hover over the link, the layer flickers quickly. If you move your
mouse away from the UL area, it is fine, which indicated to me that it
is a <a>/<ul> issue.

My code is below... does anyone have any idea why this is so?

TIA

JS Layer Trigger Code
====================

<script language="javascript" type="text/javascript">
function depMenuTog()
{
if(document.getElementById("depmenulayer").style.d isplay=="none")
{
document.getElementById("depmenulayer").style.disp lay="block";
}
else
{
document.getElementById("depmenulayer").style.disp lay="none";
}
}
</script>

CSS For The Layer and List
====================
#depmenulayer ul
{
margin: 5px;
padding: 0;
}
#depmenulayer ul li
{
display: inline;
}

#depmenulayer li a
{
float: left;
text-decoration:none;
width: 13em;
}

Layer Code
====================

<div id="depmenulayer" onmouseout="javascript:depMenuTog()"
style="display: none">
<ul>
<?php
for ($i=1;$i<=sizeof($dep_menu_list);$i++)
{
echo "<li\"><a href=\"#\">".$dep_menu_list[$i]['name']."</a></li>\n";
}
?>
</ul>
</div>

Reply With Quote
  #2  
Old   
richard
 
Posts: n/a

Default Re: Flickering Layer When Using UL and Links... - 06-15-2008 , 06:17 PM






On Wed, 11 Jun 2008 04:21:20 -0700 (PDT), "adam.waterfield (AT) gmail (DOT) com"
<adam.waterfield (AT) gmail (DOT) com> wrote:

Quote:
I have a bit of a strange issue with a CSS styled unordered list
(contained within a <div>).

The layer is acting as a drop down when triggered by a JS onmouse
event of a link - this works fine.
However the layer has a unordered list containing links - when you
hover over the link, the layer flickers quickly. If you move your
mouse away from the UL area, it is fine, which indicated to me that it
is a <a>/<ul> issue.

My code is below... does anyone have any idea why this is so?

I had this same issue years ago.
IIRC, it had to do with the sizing of the block where the links and
images are housed in.
Also double check and make sure that any sublevels are properly
closed.


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.