Como poner 3 imag seguidas una derecha centro y izquierda?

[methodman008]

hola colegas

gracias por la ultima ayuda :D

ahora tengo un problema con poner 3 imagenes en un mismo renglon horizontalmente

que una esta a la derecha otra al centro y otra a la izquierda pero en el mismo renglon horizontal

lo intente con una capa div a las 3 imagenes pero cuando le ajusto el width a la capa a otra anchura mas pequeña pues queda como por ejemplo un tipo menu

esta es una imagen recortada de mi pagina de como tengo la pagin



de antemano gracias por la ayuda colegas
gracias por los cursos

[methodman008]

¡ya pude! :o

mejor pregunto otra cosa que me cueste mas trabajo

[Foley]

No sé cómo lo hiciste pero yo usaría un div global para ellas y luego la de la izquierda le pondría float left, a la del medio nada y a la derecha un float right.

No lo probé pero me imagino que funcionaría bien.

[Juanje]

Hola.

No consigo poner varias imágenes en la misma línea.

He visto que indicáis hacer un div global para las tres, pero ¿cómo se hace eso?

Gracias de antemano y un saludo, Juanje.

[Foley]

Juanje, leiste el curso completo paso a paso? Deberías saber eso :P

Es así:

<div class="global">
<div class="imgizq"><codigo imagen></div>
<div class="img"><codigo imagen></div>
<div class="imgder"><codigo imagen></div>
</div>

En el css tendrías que declarar un div global, un imgizq, un img y un imgder. Al imgizq le pones float left y al imgder un float right.

Saludos

[Juanje]

Es algo parecido a lo que tengo y al final lo he conseguido, tenía un problema con los tamaños y los márgenes.

Ahora el problema es con Firefox. Con Explorer se ve perfecto, pero com Firefox las fotos de la derecha se salen de su encuadre y queda un poco feo. ¿Hay algún truco para evitar estas cosas?

Muchas gracias y saludos, Juanje.

[aosorio96]

se pueden hacer de la siguiente manera

<div class="imagenes">
<img src="img/imagen1.jpg" alt="imagen1">
<img src="img/imagen2.jpeg" alt="imagen2">
<img src="img/imagen 3.jpeg" alt="imagen3">
</div>

y en css se define la clase

.imagenes{
width: 100%;
}

y para cada imagen que quede en linea

.imagenes img{
width: 370px;
display: inline-block;
}

el unico problema que tengo con esto es que se quedan en linea pero a un lado a la izquierda todas pegadas y no en el centro.

[fredmerk]

Gracias lo aplicaré

[sergio87]

Muchas gracias, la verdad es que me ha sido de gran ayuda. Un saludo!

[digitalverde]

usa elementos como cuadros que son mas faciles en version visibles y no en codigos que sera mas facil de hacerlo