Hola que tal. Quisiera saber si alguno de vosotros me puede ayudar a modificar un código html para cambiar la alineación de los elementos.
Veréis, se trata de la parte correspondiente a la plantilla donde se escriben mensajes dentro de una galeria, utilizando el script 4images 1.7. La plantilla, llamada "comment_from", presenta los elementos de arriba a abajo: nombre,asunto,comentario,web,bbcode,botón para seleccionar adjunto, botón para puntuar la foto y botón de "añadir comentario".
Vale, pues yo lo que quiero es que quede del lado izquierdo lo que son los campos: nombre,asunto,comentario y web ( de arriba a abajo ) y a la derecha pues el bbcode ( las smiles y todo eso ) y los botones para añadir adjunto y votar.
Debajo de todo pondría, en el centro, el botón de "Añadir comentario".
Ok, este es el aspecto de mi plantilla y una indicación visual de lo que quiero hacer ( colocar lo que está dentro del cuadrado señalado con la línea roja en el sitio donde indica la flecha ):
Y este es el código html de la plantilla:
<script language="JavaScript" src="bbcode.js" type="text/javascript"></script>
<table width="500px" border="0" cellspacing="0" cellpadding="1" align="center">
<tr>
<td valign="top" class="head1">
<table width="495px" border="0" cellpadding="3" cellspacing="0" align="center">
<tr>
<td valign="top" class="head1"><center>{lang_post_comment}</center></td>
</tr>
<tr>
<td valign="top" class="row1">
<form name="commentform" action="{self}" method="post" {if config_use_attach} enctype="multipart/form-data" {endif config_use_attach} onSubmit="postbutton.disabled=true;">
<table cellpadding="4" cellspacing="0" border="0">
<tr>
<td width="90"><b>{lang_name}</b></td>
<td>
<input type="text" name="user_name" size="30" value="{user_name}" class="commentinput" />
</td>
</tr>
<tr>
<td width="90"><b>{lang_headline}</b></td>
<td>
<input type="text" name="comment_headline" size="30" value="{comment_headline}" class="commentinput" />
</td>
</tr>
<tr>
<td width="140" valign="top"><b>{lang_comment}</b></td>
<td>
<textarea name="comment_text" cols="85" rows="10" class="commenttextarea" wrap="virtual" onSelect="storeCaret(this);" onClick="storeCaret(this);" onKeyUp="storeCaret(this);">{comment_text}</textarea>
</td>
</tr>
<tr>
<td width="90"><b>Tu web (opcional) :</b></td>
<td>
<input type="text" name="comment_headlines" size="30" value="{comment_headlines}" class="commentinput" />
</td>
</tr>
<td width="90" valign="top"> </td>
<td>{bbcode}</td>
</TR>
{if rate_form}
<TR>
<td width="100"><b>Pulsa en "CalificaciÛn" para votar sin dejar post</b></td>
<TD>
<TABLE border="0" cellspacing="0" cellpadding="3" class="row1">
<TR>
<TD>
<SELECT name="rating" class="select">
<OPTION value="">Sin calificar</OPTION>
<OPTION value="5">5-Inmejorable</OPTION>
<OPTION value="4">4-Muy buena</OPTION>
<OPTION value="3">3-Buena</OPTION>
<OPTION value="2">2-Interesante</OPTION>
<OPTION value="1">1-Mejorable</OPTION>
</SELECT>
</TD>
<TD>
<INPUT type="submit" value="{rate}" class="button" name="submit" onClick="this.document.commentform.action.value='r ateimage';"/>
</TD>
</TR>
</TABLE>
</TD>
</TR>
{endif rate_form}
</tr>
{if config_use_attach}
<tr>
<td width="90" valign="top"><b>Adjuntar foto/audio al comentario</b><br/><span class="smalltext">M·ximas dimensiones permitidas: {attach_dimension}</span></td>
<td>
<input name="comment_attach_file" size="42" class="input" type="file" />
</td>
</tr>
{endif config_use_attach}
<tr>
<td width="90" valign="top"> </td>
<td>
<input type="hidden" name="action" value="postcomment" />
<input type="hidden" name="id" value="{image_id}" />
<input type="submit" name="postbutton" value="{lang_post_comment}" class="button" />
</td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</td>
</tr>
</table>
Si alguien me pudiese echar una mano...