Desplegar bien las paginas!

Saludos,

Acabo de montar este sitio al aire www.fuegodelsolhotel.com (el diseño no me
gusta, pero eso es lo que hizo el diseñador gráfico, y lo que quieren mis
jefes...) Si a esto es que te refieras, se puede hacer mas o menos de la
siguiente forma:

<table width="100%" border="0">
<tr>
<td width="50%"></td> <!-- Celda con ancho relativo -->
<td><img src"images/spacer.gif" width="700"></td> <!-- Utilizo un
gif estirado para evitar que la celda se colapse -->
<td width="50%"></td> <!-- Celda con ancho relativo -->
</tr>
<tr>
<td></td>
<td bgcolor="gray">CONTENIDO DE LA PÁGINA</td> <!-- Está columna
quedará siempre centrada -->
<td></td>
</tr>
</table>

En este caso la primer fila sería quedaría solo para mantener los anchos de
las otras y no tendría contenido alguno, tu puedes hacerlo como quieras y
empezar a meter contenido desde la primera como en el sitio que mostre al
principio.

Yo utilicé un gif en blanco para evitar que se colapsaran pero tu puedes
utilizar cualquier imagen del diseño.

También sería bueno utilizar esto dentro del head o en una hoja de estilo:

body {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

Así la tabla se extendería abarcando completamente el area de la ventana.


"" escribió en el mensaje
news:156301c3df97$fbe01bd0$

Hola Foreros!

Alguien tiene algun ejemplo de
como "programar" o configurar las paginas
para que se vean completas en cualquier resolucion
de pantalla????

Compartanlas con el pueblo.

Yo se que hay varias formas de hacerlo,
pero podrian compartir algunos ejemplos??,
porque se tambien que hay gente que queremos
saber como.

De antemano Gracias!!!

y puedes dividir la celda que tendra el contenido en varias
celdas y columnas mas?

Saludos,

Acabo de montar este sitio al aire

www.fuegodelsolhotel.com (el diseño no me

gusta, pero eso es lo que hizo el diseñador gráfico, y lo

que quieren mis

jefes...) Si a esto es que te refieras, se puede hacer

mas o menos de la

siguiente forma:

<table width="100%" border="0">
<tr>
<td width="50%"></td> <!-- Celda con ancho

relativo -->

<td><img src"images/spacer.gif" width="700"></td>

<!-- Utilizo un

gif estirado para evitar que la celda se colapse -->
<td width="50%"></td> <!-- Celda con ancho

relativo -->

</tr>
<tr>
<td></td>
<td bgcolor="gray">CONTENIDO DE LA PÁGINA</td> <!-

- Está columna

quedará siempre centrada -->
<td></td>
</tr>
</table>

En este caso la primer fila sería quedaría solo para

mantener los anchos de

las otras y no tendría contenido alguno, tu puedes

hacerlo como quieras y

empezar a meter contenido desde la primera como en el

sitio que mostre al

principio.

Yo utilicé un gif en blanco para evitar que se colapsaran

pero tu puedes

utilizar cualquier imagen del diseño.

También sería bueno utilizar esto dentro del head o en

una hoja de estilo:

body {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

Así la tabla se extendería abarcando completamente el

area de la ventana.

"" escribió en el mensaje
news:156301c3df97$fbe01bd0$

Hola Foreros!

Alguien tiene algun ejemplo de
como "programar" o configurar las paginas
para que se vean completas en cualquier resolucion
de pantalla????

Compartanlas con el pueblo.

Yo se que hay varias formas de hacerlo,
pero podrian compartir algunos ejemplos??,
porque se tambien que hay gente que queremos
saber como.

De antemano Gracias!!!

.

Saludos,

Si se puede dividir, pero más comodo sería insertar una tabla con las
dimensiones deseadas dentro la celda.

En la página que puse no se nota mucho el efecto mejor se ve en una como
está http://www.reggaemania.tv/ para lograr este efecto se puede hacer algo
como lo que sigue:

<table width="100%" border="0">
<tr>
<td><img src"images/titulo.gif" width="700"></td> <!-- imagen en
blanco -->
<td width="100%" background="images/back.jpg"></td> <!-- Celda con
ancho relativo -->
</tr>

<tr>
<td>CONTENIDO</td>
<td> </td>
</tr>
</table>

En este caso solo se utilizan dos columnas la primera queda a la izquierda y
será fija pero la de la derecha será la que se ajuste, también se utiliza
una imagen de fondo enla celda ajustable para dar la impresión del que el
diseño se extiendo hasta el final de la ventana.



"" escribió en el mensaje
news:168a01c3dfa8$0a1e6610$
y puedes dividir la celda que tendra el contenido en varias
celdas y columnas mas?

Saludos,

Acabo de montar este sitio al aire

www.fuegodelsolhotel.com (el diseño no me

gusta, pero eso es lo que hizo el diseñador gráfico, y lo

que quieren mis

jefes...) Si a esto es que te refieras, se puede hacer

mas o menos de la

siguiente forma:

<table width="100%" border="0">
<tr>
<td width="50%"></td> <!-- Celda con ancho

relativo -->

<td><img src"images/spacer.gif" width="700"></td>

<!-- Utilizo un

gif estirado para evitar que la celda se colapse -->
<td width="50%"></td> <!-- Celda con ancho

relativo -->

</tr>
<tr>
<td></td>
<td bgcolor="gray">CONTENIDO DE LA PÁGINA</td> <!-

- Está columna

quedará siempre centrada -->
<td></td>
</tr>
</table>

En este caso la primer fila sería quedaría solo para

mantener los anchos de

las otras y no tendría contenido alguno, tu puedes

hacerlo como quieras y

empezar a meter contenido desde la primera como en el

sitio que mostre al

principio.

Yo utilicé un gif en blanco para evitar que se colapsaran

pero tu puedes

utilizar cualquier imagen del diseño.

También sería bueno utilizar esto dentro del head o en

una hoja de estilo:

body {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

Así la tabla se extendería abarcando completamente el

area de la ventana.

"" escribió en el mensaje
news:156301c3df97$fbe01bd0$

Hola Foreros!

Alguien tiene algun ejemplo de
como "programar" o configurar las paginas
para que se vean completas en cualquier resolucion
de pantalla????

Compartanlas con el pueblo.

Yo se que hay varias formas de hacerlo,
pero podrian compartir algunos ejemplos??,
porque se tambien que hay gente que queremos
saber como.

De antemano Gracias!!!

.

"" escribió en el mensaje
news:156301c3df97$fbe01bd0$

Hola Foreros!

Alguien tiene algun ejemplo de
como "programar" o configurar las paginas
para que se vean completas en cualquier resolucion
de pantalla????

En general, eso se logra dandole a las tablas anchos
relativos y no absolutos; es decir, en porcentaje y
no en pixeles.

Te explico:
Si tienes una tabla cuyo ancho es de 600px, ("<table width`0>")
ésta se desplegará a 600px independientemente de cual sea
la resolucion del cliente.

En cambio, si le dices "100%" ("<table width0%>"), le
estás diciendo a la tabla que sea del 100% del tamaño de la
ventana en que está, lo cual la hace apta para verse a cualquier
resolucion.

Haz tus pruebas. De a poco le llevarás el ritmo a esto.
Luego hay que empezar a jugar un poco con las imagenes,
pero eso es otro asunto. Cuando hayas avanzado un poco
nos cuentas.

Saludos!




Atentamente
_____________________
Benjamin Porter

(Evidentemente sin el ".punto")