poner tablas juntas

hola a todos!!! vereis, estoy intentando crearme una web desde cero y esto es muy chungo pa alguien que no tiene ni idea... digamos que me he creado una imagen mental de lo qu quiero.

quiero componer una imagen fija bastante grande y que lo que cambie sea simplemente un recuadro. Así que he descompuesto la imagen por cachos para meterlas como fondo dentro de tablas con diferentes celdas, no sé si lo que estoy diciendo es una barbaridad o tiene algo de sentido :oops: :oops: :oops: :oops:

la cuestion es que he creado una tabla que corresponde a la parte superior izquierda de mi pagina y parece que está bien, pero cuando quiero crear otra tabla para ponerla al lado de la otra no sé hacerlo, me sale abajo y yo quiero que esté al lado.... como puedo poner tablas continuas??? sería como encajar un puzle :roll:

gracias...

Saludos y bienvenid@ Chel!

Pues vas mu bien. Es una buena idea tratar de hacer el puzzle y mediante tablas se puede organizar bien.

Si quieres poner una tabla al lado de otra, quizás sea mejor hacer solo una tabla, con dos columnas. En la columna de la izquierda pones lo que fueras a poner en la primera tabla y en la columna de la derecha lo de la segunda tabla. Eso vale perfectamente.

Yo prefiero separar la estructura horizontalmente, es decir, todo lo que pueda meter en una fila (horizontal) en una tabla. Pero es algo muy personal, pues otros quizás prefieran hacer solo una tabla y dividirla en lineas y columnas suficientes para cubrir toda la estructura de la web.

Acuérdate que si tienes dudas, puedes copiar todo el código de tu web y pegarlo en uno de tus mensajes para que podamos revisarlo si te surjen problemas.

Ale, ánimo y dinos como lo llevas! :wink:

ainsssssssssssssssss

es que el problema es que no coinciden columnas con filas ni na de na, voy a hacer un minidibujo para ver si me explico

[contenido no disponible]

siento lo chapucero del esquema.... tengo una tabla solo para el recuadro grande primero... pero ni idea de como poner lo demás... sé que not ienen ni pies ni cabezo pero es lo que quiero... :(

Desde el curro no puedo ver mis apuntes, pero creo que es posible poner una tabla al lado de otra de alguna manera.

Realmente esa estructura no es sencilla para dividirla en tablas horizontales. Si es lo que deseas así lo haremos, no te preocupes. Lo más fácil que se me ocurre es encerrar cada una en una capa o DIV, pero imagino que los DIVs los querrás dejar para más adelante.... :roll:

Dame unas horas para responderte desde casa, oki? (si mañana no ves respuesta me das un toque aqui mismo, a veces pierdo la cabeza y.... no tengo copia de seguridad como otros :wink: )

Animo!

gracias niño :D , esperaré ^^

por cierto, eres paisano jajajajaja :wink:

Lo de la copia de seguridad no ira por mi???? 8)

Puedes insertar una tabla con 3 columnas y 2 filas. Luego, vas dividiendo cada celda en diversas columnas o filas segun te convenga..... no? :wink:

pues si es que... aunque cortara la imagen del recuadro del principio e intentara hacer una tabla de 1 fila con tres columnasde diferente anchura, en la que la columna de enmedio se dividiera en tres filas de diferente altura, y a su vez, la fila de enmedio se dividiera en 4 columnas (esto es pa volverse loca!)

na mas que se me ocurre hacerlo así y esto no me parece muy conseguido... por lo menos mi vista previa no lo dice asi :(

<table width="1024px" heigth="180px" border="0px" cellspacing="0px" cellpadding="0px">

<tr>
<td heigth="180px" width="320px" class="a1"></td>
<td heigth="180px" width="600px">
<tr heigth="110px" class="b1"></tr>
<tr heigth="30px">
<td width="150px" class="c1"></td>
<td width="150px" class="c2"></td>
<td width="150px" class="c3"></td>
<td width="150px" class="c4"></td>
</tr>
<tr heigth="30px" class="d1"></tr>
</td>
<td heigth="180px" width="104px" class="e1"></td>
</tr>

</table>

ya me diréis... pero vamos que he empezado esta tarde con lo del html y no me aclaro por ningun lao... gracias :oops:

Si, puedes hacer algo así. Las tablas son muy versátiles.

Personalmente (y digo personalmente), me resulta más claro incluir tablas completas en las celdas en las que quiero meter nuevas columnas y filas, así, en tu caso, lo haría del siguiente modo (no pongo medidas, solo tablas, filas y columnas):

<table> -----> Para la tabla completa
<tr>
<td>
<table> ----> para las celdas de la izquierda
<tr>
<td>
</td>
</tr>
</table>
</td>
<td>
<table> -----> para toda la estructura del centro
<tr>
<td>
</td>
</tr>
<tr>
<td>
<table> -----> para las 4 celditas de la segunda fila del centro
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</td>
<td>
<table> ----> Para las celdas de la derecha
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</td>
</tr>
</table>


Pues eso.....

también he intentado esto último pero al querer componer la imagen no coinciden los bordes... las tablas hacen que haya como un retranqueo y sale todos descuadrado... :(

Pero si especificas que tengan 0 en margin y padding y no las pones bordes, saldrá bien (creo).

ya, lo he hecho sin bordes y sin nada... no sé por qué será... :(

Tengo un curro tremendo en el trabajo y aunque desde aquí puedo ver el foro, no tengo el dreamweaver para hacer experimentos. Lo tengo en mente, pero cuando llego a casa.... me acuesto, je je je.

A ver si lo miramos entre todos, no desesperes. Te adelanto algo que ya se ha comentado. Si haces con dreamweaver una tabla con bastanes filas y columnas y vas uniendo celdas de forma que te resulte lo que deseas, te debería salir, no? No debería quedarse ningun retranqueo entre celdas poniendo a cero el borde y margenes.... a ver si consigo hacerlo en casa y te lo paso en estos mensajes.

Un saludo y paciencia!

No dejes el marggin y padding en blanco, ya que el Dreamweaver lo interptera como un 1! Pon un 0 en su lugar :wink:

si eso ya está hecho.... al final he hecho una megatabla intentando no meter tablas dentro y parece que se ve bien y todo encaja... pero solo en el explorer!!!! jooooooooooooooooooooooooooooooo :( :cry: :cry: :cry:

en el firefox y el nestcape esta todo desencajaooooooooooo :cry: :cry: :cry: , y ahora ya si que no sé que hacer... porque ya tanto tecnicismo se me escapa... que en 2 días he conseguido hacer algo decente sin tener ni idea pero ya no sé por qué en unos sí y en otros no...

por qué es eso??? gracias mil , espero no ser muy pesada....

Si, la verdad es que tambien yo me vuelvo loco a veces para conseguir que se vea bien en todos los navegadores (aun no lo he conseguido... :oops: ) pero lo importante es comenzar. El siguiente paso aunque esté descuadrada es meterla en internet. Así podemos verla de primera mano y corregir mejor las dudas que tengas.

No desesperes! je je.

ahi está :wink:


http://www.ch-bisuteriaartesanal.net/

Yo lo veo bien :wink:

Aunque solo tengo I-Explorer :oops:

Pero el inicio mes gusta!!!! :wink:

claro, el problema es que solo se ve bien en el iexplorer... me gustaría saber por qué no se ve bien en los demás... antes de seguir y ponerlo bonito... a ver si tengo que cambiar algo o no... :roll:

Guau!, sencillamente genial (bueno, siempre tendrás la dura mirada de labrujidesigns que es bastante dura en sus opiniones :lol: aunque ciertamente es como mejor podemos mejorar, un abrazo y mis más sinceras gratitudes en este sentido hacia tí, bruji)

Me encanta tu proyecto Chel. Las ideas claras, la maquetación de la web sencilla y llamativa, los códigos tanto html com css bien ordenados y limpios, sin abuso de scripts ni tonterias, todo al pelo! Así da gusto revisar una web, palabra.

Y mea culpa!!! Puede que el problema esté en una de mis explicaciones en el curso paso a paso. El otro día lo creí corregir por segunda vez y parece que tubiera la cabeza en algún otro sitio.... el caso es que no podemos ponerle como nombre a un estilo algo que comience por un número, como es el caso del estilo de tabla .99

hemos de ponerle un nombre que comience por una letra, despues podemos poner números, pero siempre al menos una letra delante.

Cambia el nombre del estilo .99 por ancho99, tanto en la hoja de estilos como el la web en sí y quizás arreglemos tu problema. Siento mucho el despiste, fué algo que no sabía en el momento de escribir las lecciones y que ha llevado a algunos a calentarse la cabeza por mi culpa. Lo siento de veras.

Dinos si con eso lo arreglas, oki?

Un abrazo a todos y mis felicitaciones a tí Chel, lo estas haciendo de maravilla!

muchas gracias por los animos jorgens :oops: , me halaga :oops:

bueno, la cuestión es que he hecho una especie de portada mientras no tengo hecha la web, para ello he creado otra tabla pero sin meter ninguna tabla dentro y "voila!!!" esa se ve perfectamente en todos los navegadores....esto me ha llevado a varias conclusiones... sé cual es el problema pero no sé por que sucede ni cómo arreglarlo...

Cuando meto una tabla dentro de otra tabla, a pesar de poner border="0px" y todo a 0, los navegadores que no son iexplorer no sé porqué sí que les dejan márgenes, esto es, se produce un pequeño pixel o lo que sea en blanco y entonces es cuando las cosas no encajan, si no metes ninguna tabla dentro esto evidentemente no sucede y es cuando todo se ve bien, así que una de dos... o encuentro solución a esto que no sé por qué será, o me veo estrujandome el coco para hacer la web con una unica tabla...

que pensais vosotros??? gracias...