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

Popular posts from this blog

java - Could not locate OpenAL library -

c++ - Delete matches in OpenCV (Keypoints and descriptors) -

sorting - opencl Bitonic sort with 64 bits keys -