Como colocar corretamente 3 banners em linha com CSS?

leotek · 20/09/2011

Buenas

Primero si este tema no corresponde a este foro movedlo, por favor.

Necesito colocar 3 banners en linea pero por mas que busco por CSS solo logro poner 2 porque el tercero se me descoloca. Os muestro el código que tengo:

<div style="margin: 5px; float: left;">

Codigo banner

</div>

<div style="margin: 5px; float: right;">

Codigo banner

</div>

Yo he probado con float center... y nada... no controlo de CSS pero es que antes de escribir aquí he buscado por todos lados y no encuentro como poner 3 banners en linea y separados correctamente.

Espero que me podáis ayudar. Gracias!

pulga91 · 20/09/2011

Inserir CODE, HTML ou PHP:

<div id="ads">
<div id="ad1">
<center>aki ad1</center>
</div>
<div id="ad2">
<center>aki ad2</center>
</div>
<div id="ad3">
<center>aki ad3</center>
</div>
</div>

CSS

Inserir CODE, HTML ou PHP:

#ads{background:#fff;width:960px;height:270px;border-bottom:1px solid #ddd;}#ad1{float:left;margin-top:10px;width:315px;height:250px;border:1px solid #000;}#ad2{float:left;margin-top:10px;width:315px;height:250px;border:1px solid #000;}#ad3{float:left;margin-top:10px;width:315px;height:250px;border:1px solid #000;}

leotek · 20/09/2011

Pula91 gracias por responder.... habría alguna forma de hacerlo igual sin tocar la hoja de estilos?

pulga91 · 20/09/2011

nadamas pon el codigo de cada ID como lo estabas haciendo, en lo personal yo prefiero en la hoja de estilos, ya que asi se comprime todo el codigo y queda todo el CSS con menos peso

Como colocar corretamente 3 banners em linha com CSS?

leotek

pulga91

leotek

pulga91

Tópicos similares