El fantasma de la tabla irreductible ataca de nuevo
Hola chicos hace unos dias que me he topado con un problema en la pagina (castellum.com.mx) y es que el calendario de modulo event queda por encima de la imagen de fondo, ya Oskar Calvo me habia acosejado que para eso podia fijar la tabla del calendario a una medida especifica en Px, y lo hice pero aun asi no se reduce le puse a la tabla 20%, 50 px y nada solo se ajusta un poquitin no pasa de ahi no improta el valor de width que le ponga, incluso le cambie el tamaño a la letra con la esperanza de que fuera el contenido lo que no dejaba a la tabla redicir su tamaño y zaz nada, que puedo hacer????
"deje mi confortable mundo de pixeles vectores y colores para aventurarme en las salvajes tierras de la programacion, he quemado mis barcos asi que solo queda avanzar"
PAX
- Inicie sesión o regístrese para enviar comentarios
joder, si que lo tenemos
joder, si que lo tenemos complicado.
a ver, tiene solucción, pero la solucción pasa por despiezar la imagen donde metes los contenidos.
No solo te pasa en el calendario, en el menu de la izquierda tienes lo mismo.
tienes que crear una tabla para que te entre todo bien.
la forma de la tabla es la siguiente:
table
tr
//en esta tr vamos a crear la franja superior
tdesquina superior izquierda
//el tañamo en px de la td tiene que estar sujeto al mismo tamaño de la imagen, tanto altura como anchura.
/td
td la imagen hasta antes del escudo.
//no te preocupes por la imagen, solo preocupate de que tenga la altura sea la misma que la de la imagen, html se encargará de que se repita la imagen./td
tdla imagen del escudo central
//a esta td tienes que darle los valores en altura y anchura de la imagen, para no nos la deforme luego el tamaño del calendario./td
td la imagen posterior del escudo.
//solo nos preocupamos en esta td de la altura, ya que la anchura la cojera la que necesite.
//la tratamos como la imagen anterior del escudo, es decir /td
td la esquina de la derecha
//funciona como la esquina de la izquierda, exactamente igual /td
/tr
tr
//en la segunda tr creamos el cuerpo donde entra el calendario, vamos a crar 3 td, la primera y la tercera contendrán los márgenes laterales (imagenes), la td central con un atributo de anchura 3 de td metemos el calendario.
td imagen lateral izquierda
//es muy importante para que encaje la imagen con la de la esquina que esta tenga la misma anchura que la imagen de la esquina, html le da la altura que necesita. /td
td rowspan="3" aquí introducimos el calendario, o modulo que sea en este caso /td
td en esta td introducimos la imagen que hace margen lateral derecho
//recuerda darle la misma anchura que a la imagen superior derecha. /td /tr
tr el 3º tr es básicamente lo mismo que el 1º tr, ya que introducimos una imagen que hace de esquina en una td, una segunda td con un rowspan de 3 para toda la lína inferior, y una última td para cerrar la esquina que hace falta. /tr
este es un cutrediagrama que he hecho de un pantallazo tuyo.
http://s20.photobucket.com/albums/b215/oskar123/?action=view¤t=Pan...
sinceramente no me gusta liar tanto las cosas con tablas, pero para gestionar ese tipo de márgenes no conozco otra vía.
a la tabla juega a darle siempre un 100% de anchura, a ver si se te sale o no del navegador.
Un saludo y ya nos contaras que tal
Oskar calvo.
"...Cada vez eran más los que pensaban que , en primer lugar, habían cometido un gran error al bajar de los árboles. Y algunos afirmaban que lo de los árboles había sido una equivocación, y que nadie debería haber salido de los mares..." Adams, Douglas.