Foros del web, para los que viven de bits

Capimaster · 18-jun-2008, 23:38

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 · 19-jun-2008, 05:29

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 · 19-jun-2008, 05:33

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

Blunk · 19-jun-2008, 07:04

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 · 19-jun-2008, 10:02

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

Mikel.

Capimaster · 19-jun-2008, 12:10

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 · 20-jun-2008, 00:14

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.

19-jun-2008, 05:29	#2 (permalink)
shaggyz Fecha de Ingreso: mayo-2008 Mensajes: 32	Respuesta: Como puedo resolver esto... 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

19-jun-2008, 05:33	#3 (permalink)
shaggyz Fecha de Ingreso: mayo-2008 Mensajes: 32	Respuesta: Como puedo resolver esto... otra cosa que acabo de ver, intenta no maquetar con tablas, utiliza css (divs, span, etc.. ) saludo

19-jun-2008, 07:04	#4 (permalink)
Blunk Fecha de Ingreso: septiembre-2006 Mensajes: 131	Respuesta: Como puedo resolver esto... 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

19-jun-2008, 10:02	#5 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 3.436	Respuesta: Como puedo resolver esto... Lo siento pero no entiendo la pregunta en absoluto. Eso qu dices ya lo tienes en tu web. Mikel.

19-jun-2008, 12:10	#6 (permalink)
Capimaster Fecha de Ingreso: agosto-2004 Mensajes: 184	Respuesta: Como puedo resolver esto... 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 __________________ http://www.elcapitolio.net - Ocotlán, Jalisco, México

20-jun-2008, 00:14	#7 (permalink)
shaggyz Fecha de Ingreso: mayo-2008 Mensajes: 32	Respuesta: Como puedo resolver esto... 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.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado