Texto Al Lado De Una Tabla

carceron · #1 (**permalink**) 09/03/2007, 11:19

Hola ...tengo un pequeño problema....necesito colocar un texto junto a una tabla y no que la tabla quede debajo del texto, o lo contrario, si primero estuviera la tabla y despues el texto quisiera colocar el texto justo despues de la tabla, al lado derecho, el código es el siguiente:

<html>
<body>

texto <table border="1" cellspacing="0" cellpadding="0" >
<tr>
<td>
<input type="radio" name="109" value="23">
</td>
<td>
Masculino
</td>
</tr>
<tr>
<td>
<input type="radio" name="109" value="24">
</td>
<td>
Femenino
</td>
</tr>
</table>
</body>
</html>

Gracias

Carlos H. Cerón Meza

ElJavista · #2 (**permalink**) 09/03/2007, 12:07

Si quieres colocar algún texto a cualquier lado de una tabla pues usa otra tabla, el texto va en una celda y la tabla en otra.

carceron · #3 (**permalink**) 09/03/2007, 12:28

Si lo había pensado, pero por lo que estoy haciendo no puedo hacerlo, estoy haciendo unas cosas dinámicas y necesito que la tabla esté al lado derecho del texto (texto simple) ... no se si haya alguna etiqueta html o de estilo que me permita hacerlo ....

sé que con style='position:absolute' colocada sobre la etiqueta <table> me sirve, pero si luego doy un "<br> texto texto" al final de la tabla entonces el "texto texto" se me solapa sobre la tabla ...

Rafael · #4 (**permalink**) 09/03/2007, 13:48

Más bien ponle el atributo style="float: left" a la tabla.
Quizá mente el texto y la tabla dentro de un div para que no se recorra al reducir la ventana y este con un ancho fijo.
<div style="width: 300px">
<table style="width: 150px; float: left;"></table><p></p></div>

ElJavista · #5 (**permalink**) 10/03/2007, 08:22

Cita:

Iniciado por carceron

Si lo había pensado, pero por lo que estoy haciendo no puedo hacerlo, estoy haciendo unas cosas dinámicas y necesito que la tabla esté al lado derecho del texto (texto simple) ... no se si haya alguna etiqueta html o de estilo que me permita hacerlo ....

sé que con style='position:absolute' colocada sobre la etiqueta <table> me sirve, pero si luego doy un "<br> texto texto" al final de la tabla entonces el "texto texto" se me solapa sobre la tabla ...

No entiendo porque no te resulta con otra tabla, si es que para ordenar todo se se usan tablas, no entiendo porque te falla, pero en todo caso podrìas usar una capa para poner tu texto donde quieras, pero las capas son fastidiosas cuando se visualizan en otras configuraciones de pantalla.

demiurgo_daemon · #6 (**permalink**) 10/03/2007, 08:56

puedes usar la etiqueta caption:

Código:

<html>
<body>

<table>
<caption>texto</caption>
<tr>
<td>
<input type="radio" name="109" value="23">
</td>
<td>
Masculino
</td>
</tr>
<tr>
<td>
<input type="radio" name="109" value="24">
</td>
<td>
Femenino
</td>
</tr>
</table>
</body>
</html>

y luego un poco de css:

Código:

caption { caption-side: left; } /*o lo que te acomode */

claro, si el texto que quieres poner no es estrictamente el título de la tabla, te va mejor con algo como lo que propone Rafael

saludos