Cómo posicionar HTML al lado de otro - Ayuda

Ezequiel Velarde · 29 Oct 2013

Hola gente habro este post para pedirles una simple ayuda.
Lo que quiero es posicionar un html al lado de otro. En este caso x ej un codigo Ads al lado de otro.
Por ej al colocar el codigo en mi plantilla me queda de esta manera.

Y a lo que yo deseo llegar es a eso:

Si alguien me podria explicar como lo hago se lo agradeceria . Espero respuestas Gracias. :encouragement:

Misael Alemán · 29 Oct 2013

Puedes crear dos divs y flotar uno a la izquierda y el otro a la derecha.

ismaelroldan · 29 Oct 2013

facil.
1.creas un div donde entren los dos
2. dentro creas un div para cada anuncio y pegas el codigo de cada anuncio dentro de su div.
3. en el css le pones a un div float:left y al otro float:right

ethernity · 29 Oct 2013

<div style="float:left;">
código adsense 1
</div>
<div style="float:left;">
código adsense 2
</div>

Al flotar los dos elementos a la izquierda, si tiene espacio lo que hace es que uno se pone al lado del otro pero juntos. Si lo flotas a la derecha se quedarán separados y no como dices en la foto.

Para hacer el código más limpio no lo hagas como yo te lo he puesto, mete el estilo en el css y en el html solo el div.

Un saludo

villabull · 29 Oct 2013

ismaelroldan dijo:
facil.
1.creas un div donde entren los dos
2. dentro creas un div para cada anuncio y pegas el codigo de cada anuncio dentro de su div.
3. en el css le pones a un div float:left y al otro float:right

ethernity dijo:
<div style="float:left;">
código adsense 1
</div>
<div style="float:left;">
código adsense 2
</div>

Al flotar los dos elementos a la izquierda, si tiene espacio lo que hace es que uno se pone al lado del otro pero juntos. Si lo flotas a la derecha se quedarán separados y no como dices en la foto.

Para hacer el código más limpio no lo hagas como yo te lo he puesto, mete el estilo en el css y en el html solo el div.

Un saludo

Solo se me ocurria en una "table", gracias colegas!

DoctorPC · 30 Oct 2013

Una tabla sería lo más entendible

Elpadrotte · 30 Oct 2013

solucion:

Insertar CODE, HTML o PHP:

<table border="0">
    <tr>
        <td>codigo adsende 1</td>
        <td>codigo adsense 2</td>
    </tr>
</table>

adicionalmente le puedes agregar tamaño a la tabla y medidas a la celda pero con lo de arriba creo que bastara

txispas · 31 Oct 2013

Lo decis de verdad??? tablas????creo q tratais de trolearle

Float por favor!! hoy ya no hace falta usar tabla si no es q el contenido requiera tabla.

enmalaga · 31 Oct 2013

Tengo varios sitios en primera página de google, con html puro y duro, y tablas. Cierto que llevan lustros así.

En algunos, incluso meto fotos dentro de las tablas.

Tokyo · 31 Oct 2013

usa un anuncio mas grande xD