Estilos para formularios

Buenas!!

Ya he terminado mi web hace unos días (ahora estoy con el contenido, claro), y quiero poner una zona con un formulario para que me contacten los visitantes.
Y lo que no sé bien es qué códigos se usan en el css para formularios, porque le puedo poner un fondo y borde a los campos, y les puedo dar una anchura, pero si les doy ALTURA en la hoja de css, aparece el campo con la barrita que sale de escribir enorme, y el texto cuando lo escribes aparece en el centro, yo quiero que vaya saliendo desde arriba ;_; no sé si me explico bien.
Otra cosa es que el botón de enviar debería salir por defecto así en 3D, vamos, como sale en todos lados, pero a mi no me sale nada de eso al abrir la página con el navegador (uso el mozilla).

Supongo que lo mejor será poner el html y css xD, aquí os lo dejo:
Ah, antes de nada, no la tengo alojada en ningún servidor por ahora, sólo me interesa darle estilo al formulario xD, osea que todos los temas de php me dan igual ahora mismo.

<form method="POST" action="buzonsugerencias.php">
<h4>Escribe tu nombre/nick:</h4>
<input class="formulario" type="TEXT" name="NOMBRE" value="" size=30 maxlength=50><br />
<h4>Escribe tu e-mail:</h4>
<input class="formulario" type="TEXT" name="EMAIL" value="" size=30 maxlength=50><br />
<h4>Mensaje:</h4>
<input class="formulario2" type="TEXT" name="NOMBRE" value="" size=60 maxlength=50><br />
<input type="HIDDEN" name="ESTADO" value="Activo">
<input type="SUBMIT" value="Enviar" name="Enviar el mensaje por email"><br />
</form>

Y el css:

.formulario {background-color:e9e9e9; border:1px solid #a2a2a2; margin:5px 2px 5px 0px;}
.formulario2 {background-color:e9e9e9; border:1px solid #a2a2a2; margin:5px 2px 0px 2px; height: 200px;}

Pues eso es todo, ojala me podáis ayudar, gracias de antemano!!!

Hola, respecto a la primera pregunta ¿te refieres a que quieres que aparezca desde la esquina superior izquierda (o sea, normal)? Entonces: al quitarle el margen superior (recuerda que el margen se define así: margin: arriba_px derecha_px abajo_px izquierda_px;) debería funcionar (aunque 200px es mucho, sobre todo si no defines el tamaño de la fuente - font-size: NNNpx o font-size: N.Nem).

La segunda pregunta no la entendí XD (al menos la parte del 3D).

Saludos.

Hola, gracias por responder.

Pero croe que no me has entendido bien xD, osea el problema es qeu sale como en la imagen (el botón de "envio estandar" lo he puesto con el photoshop, pero ignóralo):

http://i.imgur.com/U0z5J.png

La cosa es que el texto del formulario aparece en el centro... yo quiero que este arriba (el texto), lo de quitar los márgenes no me sirve.

Y respecto a lo del botón, pues si te fijas en la imagen abajo donde pone enviar, el botón es una chufa xD, yo quiero que salga como el "botón de envio estándar" que he puesto en la imagen, que es como sale en todos lados.

Saludos

Aaaaah, perdón, es que ando algo lento XD. Lo que ocurre es que estas utilizando mal el input, puesto que en este caso, lo que necesitas es un textarea (o un div). En lugar del input puedes hacer esto:

<form ...>
<textarea></textarea>
</form>

En cuanto al botón que aparece sin bordes, eso es porque en algún lugar le has quitado los valores por defecto y por ende aparece sin nada. Para resolverlo, tendrías que darle bordes (por ejemplo): <input type="submit" style="border: 2px solid black" value="Enviar" />. Eso hará que tenga un borde color negro, pero se verá algo feo, así que tendrás que buscar el que mas te acomode :D.

Saludos.

Ok gracias!!, lo del botón no me importa si no sale el botoncito por defecto xD, ahora ya me sale como quiero, pero por si las dudas, me podríais decir si el formulario enviaría bien el mensaje? Osea, supongamos que mi base de datos es "buzon", entonces el formulario es este:

<form method="POST" action="buzon.php">
<h4>Escribe tu nombre/nick:</h4>
<input class="formulario" type="TEXT" name="NOMBRE" value="" size=30 maxlength=50><br />
<h4>Escribe tu e-mail:</h4>
<input class="formulario" type="TEXT" name="EMAIL" value="" size=30 maxlength=50><br />
<h4>Mensaje:</h4>
<textarea class="formulario2" type="TEXT" name="mensaje" value="" size=60 maxlength=500>
</textarea><br>
<input class="botonenvio" type="SUBMIT" value="Enviar" name="Enviar el mensaje por email"><br />
</form>

Entonces, los datos que metan los visitantes llegaría la base de datos, no?

De todos modos ya haré la prueba como es debido, pero por lo pronto quiero saberlo para no liarme luego con los formularios xD

Saludos!!

A ver, no es tan simple como lo planteas. El formulario por sí solo no hará nada, solamente enviará los datos al servidor al archivo llamado buzon.php, el cual se encargará de realizar la inserción de datos en la base. Los atributos name no deberían tener espacios en blanco como el botón Enviar, pero puesto que este botón no tiene mucha participación (aparte de enviar los datos) no habrá problemas.

En fin, los datos sí se enviarán correctamente, pero solo llegarán al archivo buzon.php que será el encargado de procesarlos. Lee el tutorial de PHP/MySQL de www.comocreartuweb.com para que entiendas un poco mejor el sistema.

Saludos.