Alinear celdas

pandobox · #1 (**permalink**) 14/07/2003, 00:59

hola amigos despues de un tiempo, de nuevo con mas inquietudes.
El problema es el siguiente: diseñe una tabla de dos filas; en la primera fila inserto una imagen que abarca el 100% del ancho de la pantalla (en otras palabras la imagen va de borde izq a borde derecho del navegador) en la siguiente fila tengo dos celdas en ambas tengo texto escrito con el mismo color de fondo, pero me esta sucediendo algo y es que al costado izquierdo y derecho de esas celdas en esta fila en particular me queda un espacio en blanco en ambos lados???? que podra ser no lo se pero en vista de que le he gastado tiempo y no logro dar con el problema escribo a ver si aparece algun Mandrake que pueda darme su ayuda

para mas orientacion pongo el codigo html

-----------------------------------------------------------------
<body>
<table widht=100% height="50" border="0" cellspacing="0" cellpadding="0" bgcolor=="#330099">
<tr>
<td widht=100% height="46" colspan="2">
<img border="0" src="fondos/banner3.jpg" width="800" height="60" STYLE="position:absolute;top:0px;left:0px;">
</td>
</tr>
<tr >
<td width=90 height=5 border=0>
<font color=33ffff size=2>Rentas :
</td>
<td width=900 height=5 border=0>
<font color=99ffff size=2>
<marquee> Avelinos Rent Apartments. tel 4180643. e-mail: [email protected]</marquee>
</td>
</tr>
</table>

------------------------------------------------------
yo pienso que le problema puede esatr cuando asigno el ancho de la tabla o de las celdas no lo se!!!!!!!!!!!!!!!!!!!!!!

Bravenap · #2 (**permalink**) 14/07/2003, 01:20

Uy uy uy... muchas pequeños gazapos para tan poca tabla. Vamos a ver, ponlo así:

Código:

<table widht="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#330099">
<tr>
<td widht="100%" colspan="2"> 
<img border="0" src="fondos/banner3.jpg" width="800" height="60">
</td>
</tr>
<tr>
<td width="90" height="5">
<font color="#33ffff" size="2">Rentas :</font>
</td>
<td height="5">
<font color="#99ffff" size="2">
<marquee> Avelinos Rent Apartments. tel 4180643. e-mail: [email protected]</marquee>
</font>
</td>
</tr>
</table>

Te explico. Para empezar el color de fondo lo has definido con dos signos de igual (==), con uno basta. Aunque no sea siempre necesario, pienso que es mejor que pongas los valores entre comillas.

Seguimos. Según lo has definido, la tabla debería tener una altura de 50 pixels, sin embargo la primera celda mide 46 y la segunda 5... 46+5=51

. Ahí no queda la cosa, si no que decides meter una imagen que mide 60 de alto en una celda de 46. Mi opinión es que te olvides de las alturas de la tabla y que ella sola se ajuste a lo que necesite.

La imagen quieres que ocupe toda la pantalla. Pues bien como mide 800 pixels ¿qué ocurre con los usuarios que tengan mayores resoluciones de pantalla? O bien, haces una imagen para cada resolución (

) o bien la defines con un ancho del 100% y quitas el alto. Además indicas una posición absoluta para esta imagen. Si lo haces así ¿para qué quieres meterla dentro de una tabla? Pongas donde pongas la tabla, la imagen siempre aparecerá en la parte superior izquierda de la pantalla.

Si ya has indicado que la tabla tenga borde 0 no hace falta que lo repitas en las celdas.

Finalmente, ten cuidado de no dejar abiertas las etiquetas que necesiten cierr, como <font>.

Bueno, espero que te sirvan estos consejos.

Un saludo.