Asunto
|
| #0 |
 |
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
|
| #1 |
 |
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
|
| #2 |
 |
MaKu |
Usuario |
21 dic 07 (12:17) |
|
|
¿JS? ¿qué es eso? ¿cómo puedo hacerlo? Gracias ;)
|
Re: Asunto
|
| #3 |
 |
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"> </td>
<td><img src="e1.gif" width="19" height="19" /></td>
</tr>
<tr>
<td bgcolor="#FFFF00"> </td>
<td>jjjjjj</td>
<td bgcolor="#FFFF00"> </td>
</tr>
<tr>
<td><img src="e1.gif" width="19" height="19" /></td>
<td bgcolor="#FFFF00"> </td>
<td><img src="e1.gif" width="19" height="19" /></td>
</tr>
</table>
</body>
</html> www.disegnocentell.com.ar
|
Re: Asunto
|
| #4 |
 |
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 ::