Comunidad PHPeros

Lenguajes => (X)HTML => Mensaje iniciado por: ktoz en 02 de Abril de 2010, 22:41:10 pm

Título: AYUDA... Tablas
Publicado por: ktoz en 02 de Abril de 2010, 22:41:10 pm
Hola, quisiera que me ayudaran a hacer algo como esto ... :
(http://i42.tinypic.com/16avf3c.png)


pero con estas 3 partes
Tabla Arriba:
(http://i39.tinypic.com/23lbmua.jpg)

Tabla Medio:
(http://i42.tinypic.com/2m47omg.jpg)

Tabla Abajo:
(http://i43.tinypic.com/rhs4mq.jpg)

Tengo entendido q se hace azi para la tabla arriba y abajo:

<tr>
<td><img src="http://i39.tinypic.com/23lbmua.jpg"></td>
</tr>


<tr>
<td><img src="http://i43.tinypic.com/rhs4mq.jpg"></td>
</tr>

Lo que quiero es hacer 2 iframes en el background un iframe en un color y otro iframe en el otro color...

karma al q m ayude :$



Gracias :D
Título: Re:AYUDA... Tablas
Publicado por: Warlox en 03 de Abril de 2010, 01:06:00 am
Yo creo que sería mejor usar DIVs ;)
Título: Re:AYUDA... Tablas
Publicado por: Physlet en 07 de Abril de 2010, 21:54:14 pm
Esto sería combinación de CSS y XHTML hasta donde tengo entendido. Eso sí, tomar en cuenta que soy principiante en esto...



Primero que nada, te recomiendo usar divs como kevin.

Los separas de esta forma más o menos:

<div id="arriba">
</div>

<div id="medio">
</div>

<div id="abajo">
</div>

Y dentro de los divs, lo que quieres que lleven, el diseño se lo estableces en css como si fuera un fondo (las imagenes). En el CSS harías algo como:

#arriba {
background-image("top.png"); /* El 'top.png' lo reemplazas por tu imagen que quieres que vaya en la parte de arriba. */
}

#medio{
background-image("mid.png"); /* El 'mid.png' lo reemplazas por tu imagen que quieres que vaya en la parte de en medio */
}

#abajo{
background-image("bottom.png"); /* El 'bottom.png' lo reemplazas por tu imagen que quieres que vaya en la parte de abajo. */
}


Luego tu editas los padding, margin, etc. Para ajustar los divs de acuerdo a las imágenes.