Como puedo resolver esto...

[Capimaster]

Ok tengo una base de datos que muestra los resultados en tablas osea cada tabla mide por ejemplo 100 x 100 y las tengo dentro de una div ke mide 300 de ancho osea que me caben 3 tablitas hacia un lado.... los campos de mi base de datos me los muestra en filas de 3 en 3.

Pero lo que quiero. Es meter un banner de 300px de ancho despues de la primer fila de 3 tablitas.. osea:

TABLA-TABLA-TABLA
B A N N E R
TABLA-TABLA-TABLA
TABLA-TABLA-TABLA


les muestro mi codigo...

y tambien les dejo la url para cheque y vean cual es mi problema...
http://www.elcapitolio.net/eventos/


Anticipadamente muchisimas gracias!

Código HTML:

<div style="width:660px;">
              
                            <div align="center" style="float: left; width: 220px; height: 290px;">
                <table width="205" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td background="http://www.elcapitolio.info/eventos/1627/thumbnails/miniDSC03195.JPG"><a href="http://www.elcapitolio.info/eventos/1627/index.html" target="_blank"><img src="/TOP/gallery/top.gif" width="214" height="178" border="0" /></a></td>
                  </tr>
                  <tr>
                    <td height="109" class="portadablanca" ><table width="96%" border="0" align="right" cellpadding="0" cellspacing="0">
                        <tr>
                          <td><div align="center"><strong>Noche Disco Exotica</strong></div></td>
                        </tr>
                        <tr>
                          <td>&nbsp;</td>
                        </tr>
                        <tr>
                          <td><div align="center">*&nbsp;Varias&nbsp;de &nbsp;Junio&nbsp;de 2008</div></td>
                        </tr>
                        <tr>
                          <td><div align="center">Ajijic, Jalisco</div></td>
                        </tr>
                        <tr>
                          <td><div align="center">Fotos por: Yorch Sanabria</div></td>
                        </tr>
                      </table>
                        <p align="center">&nbsp;</p></td>
                  </tr>
                </table>
              </div>
                            <div align="center" style="float: left; width: 220px; height: 290px;">
                <table width="205" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td background="http://www.elcapitolio.info/eventos/1626/thumbnails/miniDSC02019.JPG"><a href="http://www.elcapitolio.info/eventos/1626/index.html" target="_blank"><img src="/TOP/gallery/top.gif" width="214" height="178" border="0" /></a></td>
                  </tr>
                  <tr>
                    <td height="109" class="portadagris" ><table width="96%" border="0" align="right" cellpadding="0" cellspacing="0">
                        <tr>
                          <td><div align="center"><strong>XV Años de Gretel</strong></div></td>
                        </tr>
                        <tr>
                          <td>&nbsp;</td>
                        </tr>
                        <tr>
                          <td><div align="center">Sábado&nbsp;14&nbsp;de &nbsp;Junio&nbsp;de 2008</div></td>
                        </tr>
                        <tr>
                          <td><div align="center">Ocotlán, Jalisco</div></td>
                        </tr>
                        <tr>
                          <td><div align="center">Fotos por: Luis Rogelio</div></td>
                        </tr>
                      </table>
                        <p align="center">&nbsp;</p></td>
                  </tr>
                </table>
              </div>
                            <div align="center" style="float: left; width: 220px; height: 290px;">
                <table width="205" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td background="http://www.elcapitolio.info/eventos/1625/thumbnails/miniDSC02196.JPG"><a href="http://www.elcapitolio.info/eventos/1625/index.html" target="_blank"><img src="/TOP/gallery/top.gif" width="214" height="178" border="0" /></a></td>
                  </tr>
                  <tr>
                    <td height="109" class="portadagris" ><table width="96%" border="0" align="right" cellpadding="0" cellspacing="0">
                        <tr>
                          <td><div align="center"><strong>Sábado de Antro en Charlies Café</strong></div></td>
                        </tr>
                        <tr>
                          <td>&nbsp;</td>
                        </tr>
                        <tr>
                          <td><div align="center">Sábado&nbsp;14&nbsp;de &nbsp;Junio&nbsp;de 2008</div></td>
                        </tr>
                        <tr>
                          <td><div align="center">Ocotlán, Jalisco</div></td>
                        </tr>
                        <tr>
                          <td><div align="center">Fotos por: Juan y Rogelio</div></td>
                        </tr>
                      </table>
                        <p align="center">&nbsp;</p></td>
                  </tr>
                </table>
              </div> 

[shaggyz]

el banner tendria que estar dentro de un div con la regla:

clear: both;

eso, es para que quede sin nada a los costados. saludos

[shaggyz]

otra cosa que acabo de ver, intenta no maquetar con tablas, utiliza css (divs, span, etc.. ) saludo

[Blunk]

Estas usando divs o tablas???

Me parece que el tema no tiene much que ver con el css. Podrias hacer esa estructura a "la nda vieja" (HTML) con simples tablas tr,td o cn divs y el XHTML. Busca en los respectivos foros

[Mikmoro]

Lo siento pero no entiendo la pregunta en absoluto. Eso qu dices ya lo tienes en tu web.

Mikel.

[Capimaster]

si ya esta en mi web
de echo ya puse el ejemplo chekalo...
lo que quiero es que el banner que dice cablemas quede despues de la fila que contiene las primeras 3 galerias

[shaggyz]

A ver:

Como te dije tiene que funcionar, capimaster, los divs son elementos en bloque, por lo que ocupan todo el ancho y comienzan con una nueva linea, para poner las tres tablas con sus respectivos divs en tu sitio los tienes con la propiedad float: left;

Si luego de los primeros tres divs, agregas otro que contenga el banner y le asignas la regla: clear: both; (lo que impide que el div tenga cualquier objeto a su izquierda y a su derecha) conseguiras ubicarlo como necesitas.

[Capimaster]

Creo que tendre que retomar este post... ya que aun no logro resolver el tema!!! les agradezco de antemano la ayuda...

shaggyz entiendo bien lo que tratas de decirme... eso no me es problema...

el problema es que me hace esto.....

div-div-div
div-div-div
div-div-div
d i v

y lo que yo quiero es

div-div-div
d i v
div-div-div
div-div-div

pero creo que mi problema se puede resolver con alguien de este foro css que entienda un poco de php... ya que de php me mandaron para aca....

el problema es que las div mas pequeñas las hace automaticamente una consulta a la base de datos en base a esto....

<?php do { ?>
<div align="center" style="float: left; width: 220px; height: 290px;"> Hola </div
<?php } while ($row_mostrar = mysql_fetch_assoc($mostrar)); ?>

entonces... yo lo que quiero que haga el css es que interrumpa el bucle de resultados echo con do y while y que meta un banner(d i v) despues de la primer fila de resultados..

[Dalvenjha]

Pero el CSS no puede variar tu bucle PHP man, lo màs sencillo es que en vez de poner esos estilos pusieras clases a los divs cosa que al div que va a ser más largo le das una clase diferente.

[Capimaster]

aa ok Dalvenjha ahora comprendo mas...

pero como podria hacer las clases no me puedes orientar un poco mas con un ejemplo en codigo??

Gracias!