poner imagen al costado de otra html dw

Publicado en 'Programación' por Akira12, 17 Oct 2014.





  1. Akira12

    Akira12 Miembro maestro

    Registro:
    29 Mar 2014
    Mensajes:
    271
    Likes:
    21




    Por favor necesito ayuda urgente , he insertado las imagenes como se debe pero a la hora de previsualizarlo en google chrome me salen muy separadas las unas de las otras y una de bajo de otra ahí les he adjuntado 3 imagenes la primera el codigo que estoy utilizando la segunda como me muestra google chrome y la tercera es como debería quedar correctamente posicionado pero no queda, alguien mee salvaría la vida porfavor ? :c

    http://subefotos.com/ver/?9895d39e5bfd8ffc29362a7da397e52ao.png

    http://subefotos.com/ver/?3531553d4672889e0305901fdd070f61o.png

    http://subefotos.com/ver/?ec2902a627c98df07e667e1c0d5ac900o.png

    ALGUIEN AYUDEME PORFAVOR NO HE ESCRITO EN ESTILOS NADA, NO TENGO NI IDEA DE LO QUE VA Y CREO QUE AHÍ ES DONDE SE POCISIONA TODO :C PORFAVOR SI ALGUIEN FUERA TAN AMABLEEE
     


  2. Daizemon Kaze

    Daizemon Kaze Miembro frecuente

    Registro:
    15 Oct 2013
    Mensajes:
    240
    Likes:
    39
    Esas imágenes png no tendrán un pedazo de transparencia y por eso se separan asi?

    Años que no manipuló html, ya casi ni me acuerdo, de no ser la transparencia, podrías intentar posicionar cada segmento de la imagen como un div relativo y asi posicionarlo manualmente con el cursor, mas fácil que hacerlo con código, si no se pueden, puedes crearle un contenedor a cada imagen y colocarlos de modo que puedan encajar, no importa si parte del contenedor queda detrás de otro.
     
  3. eduar2083

    eduar2083 Miembro frecuente

    Registro:
    26 Jul 2011
    Mensajes:
    224
    Likes:
    46
    Hola, Prueba a ver meterlas dentro de una tabla:
    Código:
    <table>
        <tr>
            <td>
                &nbps;
            </td>
            <td>
                &nbps;
            </td>
            <td>
                <img src="imagenes/disfruta 1.png" />
            </td>
        </tr>
        <tr>
            <td>
                <img src="imagenes/disfruta 2.png" />
            </td>
            <td>
                <img src="imagenes/disfruta 3.png" />
            </td>
            <td>
                <img src="imagenes/disfruta 4.png" />
            </td>
        </tr>
        <tr>
            <td>
                &nbps;
            </td>
            <td>
                &nbps;
            </td>
            <td>
                <img src="imagenes/disfruta 5.png" />
            </td>
        </tr>
    </table>
    
    Si no funciona sube tus imágenes para ver si hago una prueba.

    Saludos.
     
  4. siddartha_23

    siddartha_23 Miembro frecuente

    Registro:
    29 Ago 2013
    Mensajes:
    51
    Likes:
    7
    Bueno si no tienes idea de lo que es una hoja de estilos mucho menos conoces el modelo de caja así que usa wix nomás...
     
  5. AiApaec

    AiApaec Miembro frecuente

    Registro:
    1 May 2014
    Mensajes:
    58
    Likes:
    14
    En primer lugar: dw sucks! :D es que complica la cosas, para escribir (x)html plano y css es más cómodo y sencillo Notepad++...bueno es solo una sugerencia ya que lo malo de esos IDEs es que esconden muchas cosas y uno no se entera de nada. Tu problema no es difícil solucionarlo, tiene que ver con la maquetación de la página y lo recomendable y de uso común es usar el elemento div, en este link está bien explicado (con un poquito de css):
    cgnauta.blogspot.com/2011/06/aprendiendo-disenar-con-div-y-css-parte.html
    Lee estos libros:
    librosweb.es/xhtml/capitulo_9.html
    librosweb.es/css/capitulo_12/estructura_o_layout.html
     
Etiquetas: