Hola, un saludo a todos ya que hace mucho que no pasaba por aquí
Hace días que tengo un problema con una imagen flotante a la derecha dentro de una lista ul li que como siempre solo en Iexplorer 6 y también en el 7 me dan problemas.
El código es este:
Código HTML:
<ul class="listas">
<li>Adrián y Anita (Uruguay-Brasil-España)<img src="imagenes/adrian-y-anita.jpg" alt="Adrian y Anita" title="Adrian y Anita" class="imagen-listas" height="125" width="125"></li>
<li>Alfonso y Mónica (Cartagena)<img src="imagenes/alfonso-y-monica.jpg" alt="Alfonso y Mónica" title="Alfonso y Mónica" class="imagen-listas" height="125" width="125"></li>
</ul>
y el css este:
Código:
.listas {
text-decoration:none;
margin-left:20px;
padding-left:20px;
list-style-image: url(imagenes/imagen-listas.gif);
list-style-position: inside;
}
.listas ul{margin:0;
padding:0;
}
.listas li{
height:125px;
line-height:120px;
margin:10px;
padding:10px;
}
.imagen-listas{
margin-left:20px;float:right;
margin-right:150px;
}
En Firefox sale así:
y en Iexplorer 6 así:
Aparte no termino de centrar la imagen de fondo de las listas (
list-style-image: url(imagenes/imagen-listas.gif); siempre queda un poco más arriba.
¿Alguna sugerencia?
Gracias.
