Regresar a la página ComoCrearTuWeb.com
Resultados 1 al 7 de 7

Tema: Como poner 3 imag seguidas una derecha centro y izquierda?

  1. #1
    Me va gustando esto... Habitante
    Fecha de Ingreso
    26 ene, 10
    Ubicación
    Guadalajara Mexico
    Mensajes
    54
    Poder de Reputación
    17

    Como poner 3 imag seguidas una derecha centro y izquierda?

    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

  2. #2
    Me va gustando esto... Habitante
    Fecha de Ingreso
    26 ene, 10
    Ubicación
    Guadalajara Mexico
    Mensajes
    54
    Poder de Reputación
    17
    ¡ya pude! :o

    mejor pregunto otra cosa que me cueste mas trabajo

  3. #3
    Moderador CCTW Habitante
    Fecha de Ingreso
    12 ago, 07
    Ubicación
    Galicia (España)
    Mensajes
    3,273
    Poder de Reputación
    37
    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.

  4. #4
    Recien Llegado! Merodeador
    Fecha de Ingreso
    18 ene, 10
    Mensajes
    8
    Poder de Reputación
    0

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

    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.

  5. #5
    Moderador CCTW Habitante
    Fecha de Ingreso
    12 ago, 07
    Ubicación
    Galicia (España)
    Mensajes
    3,273
    Poder de Reputación
    37
    Juanje, leiste el curso completo paso a paso? Deberías saber eso :P

    Es así:

    Código:
    <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

  6. #6
    Recien Llegado! Merodeador
    Fecha de Ingreso
    18 ene, 10
    Mensajes
    8
    Poder de Reputación
    0
    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.

  7. #7
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    12 may, 21
    Mensajes
    1
    Poder de Reputación
    0
    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.

Temas Similares

  1. Duda sobre como tener 2 menus (izquierda y derecha)
    Por tomoya en el foro Webs con Capas o DIVS
    Respuestas: 2
    Último Mensaje: 18/03/2013, 23:15
  2. Respuestas: 19
    Último Mensaje: 07/04/2011, 19:02
  3. Respuestas: 4
    Último Mensaje: 02/07/2008, 03:36

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •