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