Duda con panel que puede contraerse de spry y tablas

cassini · #1 (**permalink**) 20/08/2009, 12:25

Hola un saludo!

Estoy diseñando una web estructurada con una tabla, a su ves esta tabla esta estructurada en 3 columnas, la primer columna contiene el menu de navegacion realizado con el panel que puede contraerse de spry, al momento de darle clic sobre el panel para que desplace el contenido dentro del panel, me desplaza todo el contenido de la columna central.

El problema es que al desplasar el contenido de el centro me deja un gran espacio en blanco lo cual no se ve bien

Será que se puede arreglar con css, javascrit, o como podria corregir este problemita??? Espero haberme explicado

Gracias por su ayuda

kaninox · #2 (**permalink**) 20/08/2009, 16:32

a que te refieres con que se desplaza? puedes agregar un link sin las www. digamos 3w(punto)sitio(punto)com o una imagen para ver de que se trata

cassini · #3 (**permalink**) 20/08/2009, 17:34

si me refiero a que en la columna de la izquierda tengo mi menu de navegacion hecho con el panel que se contrae, cuando doy clic en una seccion de mi web para desplegar los enlaces, me desplaza o me recorre el contenido principal de mi web que esta en la columna central.

Es algo similar como esta web utzac.edu.mx, bajo la seccion de institucion y servicios escolares, al pasar el mouse sobre estos enlaces despliega otros enlaces. En mi pagina al dar clic sobre el panel que se contrae me desliza tambien el contenido central de la pagina

Gracias pos su atencion

kaninox · #4 (**permalink**) 21/08/2009, 07:29

hasta no ver tu código no puedo hacer nada, la pagina que me diste no existe :/ mmmmm
pero me tinca que si es una tabla se te baja el contenido para centrarlo para ello puedes usar valign="top" en el td de la columna que se baja....

<td valign="top">

saludos

deirdre · #5 (**permalink**) 21/08/2009, 09:21

La página que menciona cassini es esta http://www.utzac.edu.mx/. Ese menú esta construido sobre jquery y el plugin es este jquery.event.hover.js.

Para resolver el problema es necesario, como dice kaninox, que cassini ponga la url de su sitio o que ponga los códigos completos.

Sólo un comentario más: mal rollo diseñar con tablas (causan más problemas que los que resuelven). La página que pone de ejemplo no está construida con tablas: es html y css.

Bye

cassini · #6 (**permalink**) 22/08/2009, 17:58

primero que nada quiero agradecer por su tiempo y ayuda q ambos han mostrado

mm la verdad soy nuevo en esto y hay tantas cosas por conocer

Al parecer ya he resolvido el problema que mencione en un principio

La razon por la que utilice las tablas es porque es el metodo que conozco para centrar todo el contenido de la web, una pagina similar al diseño que hice es como el de esta web utleon.edu.mx Ademas tengo entendido que con este metodo se puede ver bien la pagina en los diferentes tipos de resolucion de pantalla.

Pero se me hace interesante lo que menciona deirdre me podrian decir que otros metodos me conviene mas a la hora de diseñar una web, con tal que el contenido sea centrado y pueda apreciarse bien en cualquier resolucion de pantalla

bueno espero no pedir mucho muchas gracias por su tiempo

deirdre · #7 (**permalink**) 22/08/2009, 18:38

Hola cassini

A grandes trazos para centrar un contenedor (espacio en el que metes toda tu web), sólo tienes que darle un identificador (id) y a ese id un estilo en la hoja css. Por ejemplo:

Contenedor de toda tu web, una caja:

<body>
<div id="caja">
Aquí la totalidad de lo que quieras meter en el body, ordenado según tus gustos y necesidades.
</div>
</body>

y en la hoja de estilo defines las propiedades de la caja, por ejemplo:

#caja {
width: 960px; /* este es el ancho de la caja en píxeles */
margin: 0 auto; /* estos valores definen que tu caja quede centrada en cualquier pantalla */

Para que todo esto funcione debes empezar tu código declarando un doctype adecuado, por ejemplo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
etc.

El resto es cosa de tu imaginación.

Bye