[SOLUCIONADO] centrar 3 img al centro de la página

[red_robe]

me estoy volviendo loco, llevo ya un buen rato con el firefox probando combinaciones para centrar 3 imágenes al centro.

la imagen01 y la iamgen03 ocupan lo mismo, un 40% del ancho, mientras que la imagen02 un 20%.

tengo un div centrado al medio con margin:0 auto; y width:90% y dentro del div las 3 imágenes, pero alineadas a la izquierda. adjunto imagen



tanto float:left como display:inline hacen algo parecido.

gracias!

[pzin]

¿Puedes poner el código completo que usas tanto para el contenedor de las imágenes como para las imágenes?

[red_robe]

Iniciado por Bonez

¿Puedes poner el código completo que usas tanto para el contenedor de las imágenes como para las imágenes?

de momento lo he resuelto con el tag <center>, que no sé si es muy recomendable pero funciona:

Código:

<div class="contenedor">
<center>
<div class="img1"></div>
<div class="img2"></div>
<div class="img3"></div>
</center>
</div>

.contenedor
{
 width:90%;
 margin:0 auto;
}

.img1 {  display:inline-block; }
.img2 {  display:inline-block; }
.img3 {  display:inline-block; }

me falta cargar imágenes y especificar %, de momento he hecho un min-width a 1024px, no sé cuanta gente aun trabaja en 800, pero de ser así les aparece scroll horizontal.

ya dirás pues. ¡¡Gracias!!

[C2am]

Proba con un text-align:center en vez de la obsoleta <center>

Saludos

[red_robe]

el problema es que un text-align:center solo funciona para texto pero no en este caso para centrar la imagen:

Código HTML:

<div class="img1"> 
     <img ....>
</div> 

he pasado el validador HTML/CSS y el tag <center> lo da por bueno.

[pzin]

Iniciado por red_robe

el problema es que un text-align:center solo funciona para texto

Funciona para cualquier elemento en linea. Y un elemento inline-block es estructuralmente un elemento en línea.

center es una etiqueta obsoleta.

The <center> element was introduced in HTML 3.2 - Block elements. It has been deprecated since HTML 4 - 15.1.2 Alignment.

HTML5 classifies it as a non-conforming feature.