css - navigation bar links move when hover -
in html page have following hover action on navigation links.
<td class="menunormal" onmouseover="expand(this);" onmouseout="collapse(this);" width="130" align="left"> <p><b>vida de mulher</b></p> <div class="menunormal"> <table class="menu" width="130"> <tr> <!-- ... -->
and css style sheet used hover action:
table.navbar { font-size: 12pt; margin: 0px; padding: 0px; border: 0px; } table.menu { font-size: 11pt; margin: 5px; padding: 0px; } td.menunormal { padding: 0px; color: #003399; vertical-align: top; background-color: #f6f6f6; } td.menuhover { padding: 0px; color: #003399; width: 112px; vertical-align: top; background-color: lightblue; }
this may caused :hover
effect in css, or maybe removing width of td class .menunormal
in html code remove moving effect, in last case if none of these works suggest adding same width td.menuhover
assuming class created hover effect on td
td.menuhover { padding: 0px; color: #003399; width: 130px; /* changing value same .menunormal */ vertical-align: top; background-color: lightblue; }
Comments
Post a Comment