Hola amigos de forosdelweb estoy desarrollando un website con CSS e intento implementar un menu dinamico usando algo de JavaScript y hojas de estilo todo va muy bien hasta insertar el menu.
1.- Como puedo colocar el menu en la pagina con coordenadas especificas estandar tanto para firefox como explorer??? es decir que aparezcan en la misma posicion???
2.- como puedo cambiar la viñeta del listado de manera dinamica y que pueda apreciarse tanto en explorer como en firefox??
anexo mi codigo ojala puedan ayudarme Gracias de antemano saludos
HOJA DE ESTILO:
/*Menu del portal*/
ul#menu
{
list-style:url(../imagenes/jpg/flecha.jpg);
}
ul#menu li a
{
/*Establecemos la decoracion*/
text-decoration:none;
/*cambiamos la viñeta por la adecuada para el evento*/
list-style: url(../imagenes/jpg/flecha.jpg);
/*Establecemos la tipografia a usar*/
font-family:Arial, Helvetica, sans-serif;
/*y el tamaño de la fuente*/
font-size:11px;
/*Establecemos el color*/
color:#000000;
}
ul#menu li a:hover
{
/*Establecemos el color*/
color:#FFFFFF;
/*Establecemos la decoracion*/
text-decoration:underline;
/*cambiamos la viñeta por la adecuada para el evento*/
list-style: url(../imagenes/png/vineta_on.png);
}
CODIGO:
<ul id="menu">
<li><a href="#" onmouseover="Cambia_Icono('icono1', icono1_on);" onmouseout="Cambia_Icono('icono1', icono1_off);">Prueba1</a></li>
<li><a href="#" onmouseover="Cambia_Icono('icono2', icono2_on);" onmouseout="Cambia_Icono('icono2', icono2_off);">Prueba2</a></li>
<li><a href="#" onmouseover="Cambia_Icono('icono3', icono3_on);" onmouseout="Cambia_Icono('icono3', icono3_off);">Prueba3</a></li>
<li><a href="#" onmouseover="Cambia_Icono('icono4', icono4_on);" onmouseout="Cambia_Icono('icono4', icono4_off);">Prueba4</a></li>
</ul>
