Contacto | #php_para_torpes | Enlázanos | ¿Quiénes somos?
29 usuarios Online (0)
Darse de alta en la web | Recuperar password   
Inicio / Foros / HTML + XHTML / Asunto
4 respuestas recibidas | 177 visitas | Categoría HTML + XHTML

Asunto

Avatar de MaKu
Nivel 1 Nivel 1 Nivel 1 Nivel 1 Nivel 1 Nivel 1 Nivel 1

(Nivel 1 - 2 posts)

#0 Offline MaKu Usuario 21 dic 07 (11:44)  
Hola a todos.

Tengo previsto hacer una página web del cual, todo su contentido estará dentro de una tabla. Desde un principio estará formado por 2 filas y 3 columnas como pueden ver en este dibujo.

http://img255.imageshack.us/img255/6357/azulmedico6ul0.jpg

Cada celda tiene su correspondiente imagen para que todas ellas formen un arco .

Bien, el problema es ¿cómo puedo hacer que determinadas celdas tengan un ancho fijo sin que el navegador pueda modificar su medida en función de la resolución de la pantalla?

Me explico, yo trabajo siempre con la resolución 1024x 768 y mi trabajo realizado tal y como veo en pantalla está perfecto, pero el problema aparece cuando otro usuarios, con diferentes resluciones de pantalla (ejem: 800x600) vean mal mi página. ¿y qué pasa exactamente? pues que las columnas 1 y 3 tienden a reducirse de ancho y el dibujo del arco queda deformado
Por eso, mi intención es hacer que el ancho de las columnas 1 y 3 sean fijas mientras que el 2 sea modificable por el navegador para que mi página se pueda ver perfectamente a cualquier resolución.

¿Es posible hacer esta operación?

Gracias de antemano

Re: Asunto

Avatar de mgianni
Nivel 2 Nivel 2 Nivel 2 Nivel 2 Nivel 2 Nivel 2 Nivel 2

(Nivel 2 - 89 posts)

#1 Offline mgianni Usuario 21 dic 07 (11:55)  
Podrias utilizar js para identificar la resolucion del cliente que esta viendo tu web y a partir de ello realizar los cambios correspondientes en la web.
Supongo que ya probaste poniendo las tablas por pix y no por porcentajes?

Y ya por otro lado, actualmente ya no se deberia seguir programando aplicativos, webs, etc para 800x600... lo minimo deberia ser 1024x768 ya que permite hacer mejor uso del espacio, acomodando mejor las cosas y y mas claras y no todo pegado y arrinconado porque no hay espacio.

Saludos

Federico Martin Gianni
Argentina

Re: Asunto

Avatar de MaKu
Nivel 1 Nivel 1 Nivel 1 Nivel 1 Nivel 1 Nivel 1 Nivel 1

(Nivel 1 - 2 posts)

#2 Offline MaKu Usuario 21 dic 07 (12:17)  
¿JS? ¿qué es eso? ¿cómo puedo hacerlo? Gracias ;)

Re: Asunto

Avatar de panino
Nivel 7 Nivel 7 Nivel 7 Nivel 7 Nivel 7 Nivel 7 Nivel 7

(Nivel 7 - 1145 posts)

#3 Offline panino Moderador 21 dic 07 (12:56)  
La solución incluso puede ser más sencilla:
1)Poner el ancho de la tabla al porcentaje que quieras, sin medidas para renglones ni columnas.
2)colocar las imágenes en las esquinas.
3)tomar la columna central y definir su ancho al 100%
Ver ejemplo: http://www.disegnocentell.com.ar/ejemplo.php
En el ejemplo, si redimensionás la ventana del navegador vas a ver que sólo todo se acomoda sólo.
El código:

Código Javascript

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
</head>

<body>
<table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="e1.gif" width="19" height="19" /></td>
<td width="100%" bgcolor="#FFFF00">&nbsp;</td>
<td><img src="e1.gif" width="19" height="19" /></td>

</tr>
<tr>
<td bgcolor="#FFFF00">&nbsp;</td>
<td>jjjjjj</td>
<td bgcolor="#FFFF00">&nbsp;</td>
</tr>
<tr>
<td><img src="e1.gif" width="19" height="19" /></td>

<td bgcolor="#FFFF00">&nbsp;</td>
<td><img src="e1.gif" width="19" height="19" /></td>
</tr>
</table>
</body>
</html>

www.disegnocentell.com.ar

Re: Asunto

Avatar de mgianni
Nivel 2 Nivel 2 Nivel 2 Nivel 2 Nivel 2 Nivel 2 Nivel 2

(Nivel 2 - 89 posts)

#4 Offline mgianni Usuario 21 dic 07 (14:01)  
js = javaScript

Federico Martin Gianni
Argentina

Responder mensaje

Para poder participar debes estar registrado e identificado. Si no estás registrado como usuario de PHP-Hispano, :: Registrar ::
Login / Password   

Web alojada en Zilos

php-hispano.net 2002 - 2008 | XHTML 1.0
Datos Legales | Webmaster