Entrar

Problemas con tamaño de celdas de formulario

arigrodriguez1201 · · Solicitar retirada
Hola: He copiado un formulario que habia en el foro pero tengo el problema que donde se pone el nombre se ve mas largo que las otras celdas. como hago para que sea todo del mismo tamaño? y para que las casillas de restablecer y enviar se vean en rojo?

Este es el formulario que esta online
http://www.eldesbarajuste.es/sug/sug.html

El codigo de la pagina html es:
<html>
<head>
<title>EL DESBARAJUSTE</title>
<link rel="stylesheet" href="../estiloprimera.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.Estilo1 {
color: #FFFFFF;
font-weight: bold;
}
-->
</style>
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="escudo">
[contenido no disponible]</div>
<div id="nombre">[contenido no disponible]</div>
</div>


<div id="principal">

[contenido no disponible] Volver a la pagina principal</p></div>


<div id="contenido">

<h1>Sugerencias</h1>
<form action="formulario.php" method="post" enctype="multipart/form-data" name="form1">
<table border="0">
<tr>
<td><div align="right" class="Estilo1">Nombre:</div></td>
<td><div align="left">
<label>
<input name="nombre" type="text" id="nombre" />
</label>
</div></td>
</tr>
<tr>
<td><div align="right" class="Estilo1">Asunto:</div></td>
<td><div align="left">
<label>
<input name="titulo" type="text" id="titulo" />
</label>
</div></td>
</tr>
<tr>
<td height="60"><div align="right" class="Estilo1">Sugerencia:</div></td>
<td><div align="left">
<label></label>
<textarea cols="50" rows="10" name="guia" id="guia"></textarea>
</div></td>
</tr>
<tr>
<td><div align="right" class="Estilo1">E-mail:</div></td>
<td><input name="email" type="text" id="email" /> </td>
</tr>
<tr>
<td><div align="right" class="Estilo1">
<input name="restablecer" type="reset" id="restablecer" value="Restablecer" />
</div></td>
<td><div align="left">
<input name="Enviar" type="submit" id="Enviar" value="Enviar" />
</div></td>
</tr>
</table>
</form>
</div>
<div id="pieiz">

</p>
</div>
<div id="pie">

Organizadores: Ariel G. Rodriguez y Miguel La Huerta Abad</p></div>
<div id="curva-inferior"</div>
</div>
</body>
</html>

y el codigo de la hoja de estilos por si influye en algo es:

body {text-align: center}
* {margin:0px ; padding:0px ; border: 0px}
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat;width:1024px; height: 12px;overflow : hidden }
#cabecera {background-color: black;height:155px}
#escudo {margin-left:10px; widht:150px; float:left}
#nombre {width: 850px;float:left}
#publicidad {background-color:black;border-top: 1px solid white;float:left}
#principal {background-color: black;height:20px;BORDER-top: 1px solid white;}
#principal p {text-align:right;color:white;margin-right: 10px}
#principal a {color:white; text-decoration:none;}
#principal a:hover {color: red}
#navegacion {background-color: black;height:20px;BORDER-bottom: 1px solid white;BORDER-top: 1px solid white}
#navegacion li {float:left;list-style:none;margin: 0px 5px 0px 5px}
h1 {padding: 40px}
h1 {font-size:1.5em; color:red; font-weight:bold; text-decoration:underline; text-align:center}
h2 {padding:10px; font-size:1.3em; color:red}
h3 {tex-align:center;color:white}
#contenido {background-color: black; width: 1024px ; float:left; }
#contenido p {padding: 5px 10px 5px 10px; text-indent:15 px}
#contenido p {text-align:justify; color: white; }
#pie {background-color: black}
#pie p {text-align: right; color: red; font-size:10px;margin-right: 10px;font-family: comic sans ms}
#pieiz p {text-align: left; color: red; font-size:10px;margin-left: 10px;font-family: comic sans ms; width:300px}
#pieiz {background-color: black;float:left}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat;width:1024px; height: 12px;overflow: hidden}
#global {width:1024px ; margin: 4px auto}
#menu {background-color: red;float:left;width:150px; text-align:left; margin: 10px 10px 10px 10px;background-image: url(objetos/menuinf.gif);background-position:bottom}
#menu h1 {text-decoration: none; color:red;font-size:10px;padding: 0px; background-image: url(objetos/menu-curva-superior-1.gif)}
#menu li { list-style:none; margin: 4px 6px 4px 6px}
#contenido a {text-decoration:none; color:white;}
#contenido a:link {}
#contenido a:visited {}
#contenido a:hover {color:red}
#menu a {color:black; text-decoration:none; display:block}
#menu a:link {}
#menu a:visited {}
#menu a:hover {color:red; text-decoration:none; background-color:black}
a.enlaceuno {color:red}
a.enlaceuno:link {}
a.enlaceuno:visited {}
a.enlaceuno:hover {}
#navegacion a {color: red; text-decoration:none ; display: block }
#navegacion a:link {}
#navegacion a:visited {}
#navegacion a:hover {color:white ; text-decoration:none}
#navegacion a:active {color:blue}
Alpolo · · Solicitar retirada
Hola Rodriguez..::...:..

Para hacer un formulario con los datos que tu pides es muy facil, y para que te queden alineado hazlo asi ok..

<form action="" method="post" name="form1">
<table border="0" align="center">
<tr>
   <td>[b]Nombre.: [/b]</td>
   <td><input type="text" name="nombre" value="Nombre" id="nombre" size="30" /></td>
</tr>
<tr>
    <td>[b]E-mail.: [/b]</td>
    <td><input type="text" name="e-mail" value="E-mail" id="e-mail" size="30" /></td>
</tr>
<tr>
		<td>[b]Asunto.: [/b]</td>
		<td><input type="tex" name="asunto" value="" id="asunto" size="30" /></td>
</tr>		
<tr>
    <td>[b]Sugerencia.: [/b]</td>
		<td><textarea cols="40" rows="8" name="sugerencia" id="sugerencia" />Tu texto</textarea></td>
</tr>
<tr>
    <td align="right"><input type="submit" name="enviar" value="Enviar" /></td>
		<td align="left"><input type="reset" name="borrar" value="Restableser" /></td>
</tr>
</table>
</form>

Espero te sirva...

Saludos..