Hola, quisiera que me ayudaran a hacer algo como esto ... :



pero con estas 3 partes
Tabla Arriba:


Tabla Medio:


Tabla Abajo:


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

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.