aunque puedo dejarte lo que he hecho hasta ahora, jaja.
Lo primero es ponerle el background al enlace. También le das el tamaño de la imagen de fondo. Aprovechas para quitarle los paddings porque si no crecen los tamaños y los tamaños al los li y a los ul por la misma razon:
Código css:
Ver originalul.MenuBarHorizontal li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
float: left;
}
ul.MenuBarHorizontal ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
position: absolute;
left: -1000em;
}
ul.MenuBarHorizontal a
{
display: block;
cursor: pointer;
color: #333;
text-decoration: none;
background: url(imag/botonoff.png);
height: 45px;
width: 136px;
}
entonces se ve así:
By
juaniquillo
Si te das cuenta no salen los backgrounds en todos los sitios ya que hay enlaces específicos que tienen otros backgrounds (los de las flechas). Eso lo resueves quitándoles los backgrounds a esos enlaces:
Código css:
Ver original/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
}
Es más, si no vas a usar flechas esos estilos los puedes borrar. Ahora estamos bastante adelantados:
By
juaniquillo
Pero no quieres que los enlaces de los segundos menús tengan esos backgrounds, así que le das el background que quieras