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

node.js - How to mock a third-party api calls in the backend -

java - Could not locate OpenAL library -

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