Acá esta el codigo HTML precisamente el body con la tabla :
Código:
<body>
<? include("menu.php"); ?>
<div id="titlevietopic">Titulo</div>
<div id="pedidosultimos">
<div class="viewpedido">
<div id="mensaje">
<div id="capaformulario">
<form id="formulario">
<div id="tableleft">Nombre</div>
<div id="tableright"><input type="text" class="inputformas2" name="nombre" maxlength="10"></div>
<br>
<div id="tableleft">Titulo</div>
<div id="tableright"><input type="text" name="titulo" size="40" maxlength="70" class="inputformas2"></div>
<br>
<div id="tableleft">Comentario</div>
<div id="tableright"><textarea id="elm1" name="comentario" rows="10" cols="35" class="inputformas2"></textarea></div>
<br>
<div id="tableleft">
<input type="button" value="Enviar" class="inputformdark" onclick="xajax_procesar_formulario(xajax.getFormValues('formulario'))">
</div>
</form>
</div>
</table>
</div></div>
</div>
<? include("repite_abajo.php"); ?>
</body>
Y aca los estilos de arriba:
Código:
#titlevietopic {
width: 470px;
height:30px;
background-image: url("imagenes/fondotitlesolo.png") !important;
background-repeat:no-repeat;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagenes/fondotitlesolo.png");
margin-bottom:5px;
padding-left:30px;
padding-top:17px;
color:#fff;
font-weight:700;
font-family:Georgia, "Times New Roman", Times, serif;
float:left;
}
#pedidosultimos {
float:left;
width:98%;
height:100%;
margin-bottom:20px;
}
.viewpedido {
width:475px;
height:100%;
float:left;
margin-left:10px;
margin-bottom:10px;
font-weight:normal;
text-align:justify;
background:#edf7ff;
padding:5px;
line-height:1.5em;
color:#000;
}
#tableleft {
text-align:left;
float: left;
}
#tableright {
text-align:right;
float: right;
}
Eso es todo.