"Dibujar" tablas

VipeR_CS

Buenas, quisiera saber si existe alguna otra forma, aparte de con el dreamweaver, de "dibujar" una tabla o una celda dentro de otra en el lugar que yo quiera. Lo haría con el dreamweaver si no fuera porque por motivos que desconozco, en la página con la que estoy ahora y sólo con esa, al dibujar una tabla/celda, se pone toda la celda dentro de la cual la he dibujado de color blanco, tapando obviamente la imagen de fondo.

En el caso de no poderse, agradecería ideas sobre cómo "incrustar" unos cuadros de registro para poner user y password dónde yo quiero, cómo escribir los menús dónde deben estar, etc...

Thx.

Thanat0s

La tabla que estás "dibujando" tiene bgcolor="#FFFFFF" por lo que se te pone de color blanco, borralo y listo.

VipeR_CS

Gracias por la respuesta, pero eso no es, seré más específico.

Esta es la imágen y el código antes de "dibujar" nada:
http://img263.imageshack.us/img263/6629/11qm.jpg
http://pastebin.com/477225

Ahora dibujo una celda en la parte derecha del rectágulo justo debajo de banner, para poner el formulario de login y el resultado es:
http://img263.imageshack.us/img263/4121/26um.jpg
http://pastebin.com/477227

Como veis muy normal no es :P y no tengo ni idea de por qué puede ser. Lo de que la tabla dibujada se "prolongue" y corte a las demás también me pasaba antes pero no tapaba el fondo, asique sólo tenía que apañarmelas para combinar las celdas fragmentadas y listo, pero esto... no sé por dónde cogerlo.

Thanat0s

La cosa esa que estás utilizando para hacer tu web te parte el td donde tienes la imagen en 2 trozos y te incrusta otro td dentro sin fondo, si en estilos lo tienes predefinido como blanco te lo pondrá a blanco.

Pero vamos que el principal problema está en la forma que te lo está haciendo, lo que tienes que hacer es que dentro del
<td width="754" height="975" background="Images/Web0101_04.gif"></td>
meter una tabla con un td y posiblemente obtengas lo que tu quieres (tras varios retoques claramente).

VipeR_CS

Si bueno pero eso es lo que me quería ahorrar :P. Supongo que tendré que hacerlo a mano como dices, creando una tabla dentro de esa, alinearla arriba a la derecha y jugar con los márgenes, que remedio. Gracias por la ayuda :D

EDIT: Mejor pensado eso no es posible xD una tabla no admite atributos de margen y menos con respecto a la tabla que la contiene, asique como mucho la puedo alinear a la derecha y en el centro >_<. He aquí la explicación gráfica:

http://img462.imageshack.us/img462/2185/39iv.jpg
http://pastebin.com/477489

No hay manera (creo) de colocar esa tabla dónde yo quiero =\

Thanat0s

Las tablas no tienen atributo de margen no, pero la tabla contenedora de donde quieres meter la otra puedes jugar con el cellspaccing y cellspadding hasta obtener el resultado :P

Y sino siempre puedes recurrir a las capas :)

VipeR_CS

Eso podría hacerlo si fuera la única tabla que necesitara colocar dentro de la grande, pero no sería sólo colocar eso para el formulario, sino también unas cuantas tablas más a la izquierda para el menú, otra en el centro para el contenido, etc...

Creo que voy a experimentar con divs y hacer la estructura desde el principio sin usar tablas, ya que si no me equivoco los divs pueden hacerse de libre desplazamiento dentro del div que lo contiene. No tengo prácticamente ni idea de CSS, pero todo es ponerse :D.

Thanat0s

Tb podrías modificar tu diseño y adaptarlo a tablas si ves que no te sale con divs.

VipeR_CS

Al final me he decantado por los divs, y nada más empezar ya tengo problemas :P.

Lo primero, cual es el estilo css que necesito poner para centrar el div contenedor en la página? Es decir el homónimo de align="center" en las tablas.

EDIT: Solucionado el problema para centrar toda la página. Lo que he hecho ha sido meter todo dentro de otro div sin ancho ni alto ni nada de la siguiente forma (funciona tanto en IE como Firefox):

<div align="center">
........aquí la página........
</div>

Lo segundo es un fallo con la previsualización en IE (dónde sino...) ya que en Firefox se ve bien. El caso es el siguiente: tengo definido un div "todo", dentro de ese div hay otros 3 (por ahora) 2 a los laterales ("lateralizquierda" y "lateralderecha"), y uno arriba del todo ("cabezera"). Al hacer la previsualización en IE la cabezera me sale por debajo del div "todo", es decir fuera, debajo de todo el resto de la página. A ver si alguien sabe el motivo :P.

http://pastebin.com/478182 -> CSS
http://pastebin.com/478183 -> HTML

Thx a todos, y feliz navidad :)

Thanat0s

El problema va a ser que los laterales tienen float, pero el otro no lo tiene por lo que toma como position una relativa (creo que yo de css's tampoco se mucho) y se alinea por debajo del padre.

Solución? ni idea, yo suelo probar 40 mil cosas hasta que al final me queda como quiero xD

La técnica del fallo y del error siempre funciona ^^

Usuarios habituales

  • Thanat0s
  • VipeR_CS