poner imagen al lado de otra¡¡¡ayuda¡¡¡

turadio69 · #1 (**permalink**) 15/08/2012, 13:26

buenas mi pregunta es como puedo poner una imagen al lado de otra,he probado mas de 10 codigos y siempre se pone una imagen abajo de otra cual puede ser el motivo?

pablolombardo · #2 (**permalink**) 15/08/2012, 13:32

Tu pregunta es muy general. Tendrías que ser más específico me parece. Escribí cual es el código que no te funciona.

turadio69 · #3 (**permalink**) 15/08/2012, 13:37

simplemente es decirme un codigo para poner imagen al lado de otra en pagina web,para probarlo en un momento

beeman00 · #4 (**permalink**) 15/08/2012, 13:48

Código HTML:

Ver original<html>
<head></head>
 
<body>
<img src="4549.png" width="20px" height="30px"/>
<img src="4549.png" width="20px" height="30px"/>
</body>
</html>

Toma en cuenta que si el tamaño de las imagenes es mayor que la pantalla la segunda bajará

turadio69 · #5 (**permalink**) 15/08/2012, 13:51

Cita:

Iniciado por beeman00

Código HTML:

Ver original<html>
<head></head>
 
<body>
<img src="4549.png" width="20px" height="30px"/>
<img src="4549.png" width="20px" height="30px"/>
</body>
</html>

Toma en cuenta que si el tamaño de las imagenes es mayor que la pantalla la segunda bajará

tiene ke ser la imagen .png o puede ser otro formato distinto?

beeman00 · #6 (**permalink**) 15/08/2012, 13:53

FORMAS HAY MILES pero ayudanos a ayudarte que quieres hacer???

Código HTML:

Ver original<html>
<head>
    <title>IMAGENES AL lado...!</title>
</head>
 
<body>
<table width="100%" border="0" cellpadding="2">
    <tr>
        <td>
            <img src="4549.png" width="20px" height="30px"/>
        </td>
        <td>
            <img src="4549.png" width="20px" height="30px"/>
        </td>
    </tr>
<table>
</body>
</html>

beeman00 · #7 (**permalink**) 15/08/2012, 13:54

claro que puede ser cualquier formato!!!
eso es solo una referncia!!

turadio69 · #8 (**permalink**) 15/08/2012, 14:05

y si el archivo es </div> quiero poner una imagen.jpg al lado cuando lo voy a poner resulta que el archivo ese div pues desaparece y solo aparece la imagen

beeman00 · #9 (**permalink**) 15/08/2012, 14:21

Cita:

Iniciado por turadio69

y si el archivo es </div> quiero poner una imagen.jpg al lado cuando lo voy a poner resulta que el archivo ese div pues desaparece y solo aparece la imagen

no etsoy seguro pero te refieres a esto:

Código HTML:

Ver original<div>CUALQUIER COSA</div><img src="imagen1.jpg"/>

???

entonces deberias hacer esto:

Código HTML:

Ver original<div style="width:100px;display:inline-block;">CUALQUIER COSA</div><img src="imagen1.jpg"/>

Elvixx10 · #10 (**permalink**) 15/08/2012, 14:25

Amigo utiliza css con eso podrás obtener las imágenes separadas una al lado de la otra.

si quieres el código css solo dime :)

turadio69 · #11 (**permalink**) 15/08/2012, 14:26

<DIV id="ifate_widget" style="max-width:300px;"> <DIV style="text-align:center;color:#333366;font-family:arial;font-size:7pt;"><a</DIV><script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('54bb5f70-55ca-42ca-90ad-be6ee9a65932');</script></div>
<noscript>Get the <a href="http://www.widgetbox.com/widget/horoscopos-diarios">Horóscopos diarios</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>

MIRA ESO ES UN DIV DE ESOS DE HOROSCOPOS BUENO LO QUE QUIERO ACER ES AL LADO DE ESO PUES PONER UNA IMAGEN CUALQUIERA,PORQUE ME QUEDA UN ESPACIO GRANDE Y QUEDA MAL EN LA PAGINA

beeman00 · #12 (**permalink**) 15/08/2012, 14:52

Código HTML:

Ver original<table border="0">
    <tr>
        <td>
            <DIV id="ifate_widget" style="max-width:300px;">
                <DIV style="text-align:center;color:#333366;font-family:arial;font-size:7pt;"><a></DIV>
                <script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script>
                <script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('54bb5f70-55ca-42ca-90ad-be6ee9a65932');</script>
            </div>
        </td>
        <td><img src="tuimagen.jpg" width="100px" height="100px" align="right"/></td>
    </tr>
</table

una forma secilla! y rapida!

turadio69 · #13 (**permalink**) 15/08/2012, 15:34

muchas graciass por su ayudaaa :D

jomaruro · #14 (**permalink**) 18/08/2012, 14:39

Hola:

Para eso existe las hojas de estilo CSS : www.librosweb.es

Saludos.