Buenas a todos:
El caso es que he makeado un código muy simple de un cuadro de celdas que al darle a uno de los nombres se despliega, fácil, lo que ocurre es que al desplegarse el texto no sale alineado a la izquierda sino que deja un espacio y a la hora de poner vídeos por ejemplo se alinea a la derecha lo cual le da una estética bastante fea. He intentado alinearlo a la izquierda con:
Pero sin resultado; aqui les dejo el código completo:
Código:
<table border="3" summary="Tabla">
<tr>
<td width="650" height="30"><dl class="codebox" style="cursor: pointer;" onclick="this.getElementsByTagName('div')[0].style.display=((this.getElementsByTagName('div')[0].style.display=='none')?'':'none');">
<dt><b><font color="#0B610B"><center>Título 1</center></font></b></dt><dd><div style="display:none;"><br />ESTE ES EL TEXTO QUE SE COLOCA A LA DERECHA</div></dd></dl></td>
</tr>
<tr>
<td width="500" height="30">Título 2</td>
</tr>
<tr>
<td width="500" height="30">Título 3</td>
</tr>
</table>
En principio el texto no queda mal de esa manera realmente, el problema surge cuando quieres poner un vídeo, un cuadro de pestañas u otras aplicaciones, entonces se pega a la derecha y queda feo.
Espero respuestas, saludos.