I have a css style sheet and onmouseover in my html code, but something isn't right as the links move when hovering over them.
When I hover over links in navigation bar, they move to the right.
Collapse
X
-
Tags: None
-
-
Sorry, I thought I had included my code. Here it is
Code:<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> <TD class=menuNormal><A class=menuitem href="aborto.htm">Aborto </A></TD></TR> <TR> <TD class=menuNormal><A class=menuitem href="anorexia.htm">Anorexia </A></TD></TR> <TR> <TD class=menuNormal><A class=menuitem href="beleza.htm">Beleza de mulher </A></TD></TR> </TABLE></DIV></TD> and the css menu table.navbar {font-size: 11pt; margin: 0px; padding: 0px; border: 0px; /*font-weight: bold;*/} table.menu {font-size: 11pt; margin: 5px; padding: 0px; /*font-weight: bold;*/} td.menuNormal {padding: 0px; color: #003399; /*font-weight: bold;*/ vertical-align: top; background-color: #f6f6f6;} td.menuHover {padding: 0px; color:#003399; width: 112px; /*font-weight: bold;*/ vertical-align: top; /*remove the following line for drop-down menu with images*/ background-color: lightblue;}Comment
-
table is not a good element in creating a navigator, you must use <ul> and <li> element with <a> element. its the best element to create a navigator.
example:
Code:<ul> <li> <a href="home.html">HOME</a> </li> <li> <a href="home.html">PROFILE</a> </li> <li> <a href="home.html">CONTACT</a> </li> </ul> //DO YOUR CSS DESIGNSComment
Comment