Buenas!
Necesito ayuda con algo.
Trato de utilizar una imagen en los elementos de lista LI para que quede más bonito.
He intentado con una imagen de 2 x 2 píxels, gris. Un punto gris.
En este caso ocurre que Explorer muestra el punto más arriba de lo que sería una alineación vertical con el texto "normal".
En cambio Firefox lo muestra más abajo de lo "normal" también.
Como ninguno acaba de ser exacto, entontes trato de jugar con la imagen, pero si le añado espacio transparente por arriba, en Firefox ya se ve desfasado, muy abajo.
Si lo hago a la inversa, el que se ve fatal es Explorer, demasiado arriba.
He realizado varias pruebas pero no consigo saber con qué "tocar" ese aspecto.
Dejo el código CSS por si ayuda.
Código:
#MenuLateral ul {
list-style-image: url(/Images/PuntoGris.gif);
}
#MenuLateral li a:link {
display: block;
font-family: Century Gothic, Arial;
font-size: 13px;
font-weight: bold;
color: #666666;
line-height: 14px;
padding: 5px 0px 5px 0px;
text-decoration: none;
}
#MenuLateral li a:visited {
display: block;
font-family: Century Gothic, Arial;
font-size: 13px;
font-weight: bold;
color: #666666;
line-height: 14px;
padding: 5px 0px 5px 0px;
text-decoration: none;
}
#MenuLateral li a:hover {
color: #000000;
}
Gracias por vuestra ayuda.
Un saludo!