Duda tonta sobre tablas

[flanagan44]

Tengo una duda seguro que muy tonta.

Necesito poner 2 tablas seguidas una de la otra , como puedo hacerlo?

[bookmaster]

Pues metiendolo dentro de otra tabla jeje.

Código HTML:

<table width="100%" border="0">
    <tr>
        <td><table width="100%" border="1">
		    	<tr>
        			<td>Esto esta en la tabla 1</td>
    			</tr>
				</table>
		</td>
        <td><table width="100%" border="1">
		    	<tr>
        			<td>Esto esta en la tabla 2</td>
    			</tr>
				</table>
		</td>
    </tr>
</table> 

Ejemplo: http://fdw.lohacemosweb.net/DosTablas.php

Pd.: To hace tiempo que deje de ser amigo de las tablas, ya que en algunas ocasiones traen bastantes quebraderos de cabeza, yo casi que mejor usaría <div></div> y CSS para esas cosas, aunque resulte un poco mas difícil al principio.

[flanagan44]

Iniciado por bookmaster

Pues metiendolo dentro de otra tabla jeje.

Código HTML:

<table width="100%" border="0">
    <tr>
        <td><table width="100%" border="1">
		    	<tr>
        			<td>Esto esta en la tabla 1</td>
    			</tr>
				</table>
		</td>
        <td><table width="100%" border="1">
		    	<tr>
        			<td>Esto esta en la tabla 2</td>
    			</tr>
				</table>
		</td>
    </tr>
</table> 

Ejemplo: http://fdw.lohacemosweb.net/DosTablas.php

Pd.: To hace tiempo que deje de ser amigo de las tablas, ya que en algunas ocasiones traen bastantes quebraderos de cabeza, yo casi que mejor usaría <div></div> y CSS para esas cosas, aunque resulte un poco mas difícil al principio.

ahy esta
no se me habia ocurrido meter 3 tablas jejejej.

Lo que dices e las div's y el CSS lo veo muy laborioso, porque es dificil controlar las posiciones no??

o si no a mi me cuesta controlarlas jejejejje


bueno, de momento lo intentare asi, gracias

[bookmaster]

Este es el ejemplo anterior con CSS

Código HTML:

<div style="width:100%;">
    <div style="position: relative; float:left; background-color:#FFFF00; width:50%;">Esto seria la 1</div>
    <div style="position: relative; float:left; background-color:#CCCCCC; width:50%;">Esto seria la 2</div>
</div> 

Es un ejemplo simple, que después editando los estilos puedes llegar a hacer cosas curiosas.

Te he actualizado el archivo de ejemplo para que lo veas.