Li elemento de bloqeu

[Gothgauss]

Hoal amigos

Tengo un problema y es que estoy usando <li> como elemento de bloque.

A dicho bloque quiero ponerle un fondo y que se muestre inline, entonces hago lo siguiente:

li{
display:inline;
background-image:url("fondo.jpg");
}

esto me funciona a las mil maravillas en ie8 pero no asi en firefox nien chrome.
Sin embargo si pongo:
li{
display:inline-block;
background-image:url("fondo.jpg");
}

Me funciona bien en firefox y en chrome pero no asi en ie8.

ALguna idea? He pensado mediante php hacer un if, si es explorer mostrar lo primero, sino lo segundo.
}

[Mikmoro]

¿Y que se muestre "inline" quieres decir que aparezca en horizontal?

En ese caso podrías probar:

li{
float: left;
background-image:url("fondo.jpg");
}

(aunque imagino que te faltan más propiedades, claro)

[Gothgauss]

Gracias, la solución fue perfecta.

Evidentemente el codigo no estaba entero, pegue lo basico.

Por si teneis curiosidad aqui os dejo el codigo:


#tres li h2{
margin:5px 0 5px 0;
padding:0;
color:#ffffff;
width:240px;
font-size:10px;
font-weight:600;
}
#tres li p{
float:right;
margin:0;
padding:0px 0 0 0;
width:161px;
font-size:10px;
color:#ffffff;
text-align:center;
}
#tres li img{
float:left;
margin:0 0 0 8px;
}

Por cierto, en Photoshop, donde maquete el sitio le puse un tamaño de fuente de 10,52 px, como puedo poner ese tamaño exacto y no 10px en css¿?

[jomaruro]

Hola:

Iniciado por Gothgauss

Por cierto, en Photoshop, donde maquete el sitio le puse un tamaño de fuente de 10,52 px, como puedo poner ese tamaño exacto y no 10px en css¿?

En px no puedes poner un tamaño con decimales y la explicación es sencilla ¿cómo divides un pixel?. Deberías probar en % o em.

Saludos.

[kseso?]

Vaya, se ve que no me expliqué bien, y encima todavía estaba esperando respuesta ...