Problema com formulário de contato em HTML

Hola amig@s! Estoy tratando de configurar en mi nueva web el contact form pero queda descuadrado tal que así:

¿Que hago para que quede una casilla encima de otra como sería lógico?
Este es el código:

<h2><span style="color: #222222;">Consúltanos</span></h2> <p><span style="color: #222222;">Nombre<br />[text* your-name] </p><p><span style="color: #222222;">Correo electrónico<br />[email* your-email] </p><p><span style="color: #222222;">De que se trata<br />[text your-subject] </p>
<p><span style="color: #222222;">Explícate<br />[textarea your-message] </p>
<p><span style="color: #222222;">Incluye tu archivo<br />[file file-699] </p>
[acceptance Acepto]Acepto la</span> <a href="http://www.PAGINAWEB.com/politica-de-privacidad"><span style="color: #222222;"><strong>Política de Privacidad</strong></span><span style="color: #222222;"> de este sitio</a>
<p>[submit "Enviar"]</p>

Gracias!

Todo el estilo que desees realizar, tanto en posicion, tamaño color y demas
se debe realizar desde las hojas de estilo css.

Si no estas familiarizado con el tema te puedo ayudar realizandote una valoración
y exponiendo claramente como deseas que sea la edicion final.

saludos!!

asesor disse:

Todo el estilo que desees realizar, tanto en posicion, tamaño color y demas
se debe realizar desde las hojas de estilo css.

Si no estas familiarizado con el tema te puedo ayudar realizandote una valoración
y exponiendo claramente como deseas que sea la edicion final.

saludos!!

Clique para expandir...

Este plugin ofrece la posibilidad de modificar el estilo del formulario en concreto por eso no creo que tenga que acceder a las hojas de estilo css. Tan sólo quiero que las casillas se superpongan e imagino que es añadiendo una tontería pero no se cual...

alexsaporta disse:

Este plugin ofrece la posibilidad de modificar el estilo del formulario en concreto por eso no creo que tenga que acceder a las hojas de estilo css. Tan sólo quiero que las casillas se superpongan e imagino que es añadiendo una tontería pero no se cual...

Clique para expandir...

Entonces sera ir en busca de las funciones que te ofrece por defecto el plugin, pero si necesitas crear algun estilo personalizado si se debe realizar desde las hojas de estilo css.

Los plugins ofrecen muchas opciones pero muy dificil que sean siempre al gusto final de todos, por ello la edicion desde donde te indico.

saludos!!

Tal vez así te funcione:

<h2><span style="color: #222222;">Consúltanos</span></h2> <p><span style="color: #222222;">Nombre<br />[text* your-name] </p>
<div style="height:10px;"></div>
<p><span style="color: #222222;">Correo electrónico<br />[email* your-email] </p>
<div style="height:10px;"></div>
<p><span style="color: #222222;">De que se trata<br />[text your-subject] </p>
<div style="height:10px;"></div>
<p><span style="color: #222222;">Explícate<br />[textarea your-message] </p>
<div style="height:10px;"></div>
<p><span style="color: #222222;">Incluye tu archivo<br />[file file-699] </p>
[acceptance Acepto]Acepto la</span> <a href="http://www.PAGINAWEB.com/politica-de-privacidad"><span style="color: #222222;"><strong>Política de Privacidad</strong></span><span style="color: #222222;"> de este sitio</a>
<p>[submit "Enviar"]</p>

Programarte disse:

Tal vez así te funcione:

<h2><span style="color: #222222;">Consúltanos</span></h2> <p><span style="color: #222222;">Nombre<br />[text* your-name] </p>
<div style="height:10px;"></div>
<p><span style="color: #222222;">Correo electrónico<br />[email* your-email] </p>
<div style="height:10px;"></div>
<p><span style="color: #222222;">De que se trata<br />[text your-subject] </p>
<div style="height:10px;"></div>
<p><span style="color: #222222;">Explícate<br />[textarea your-message] </p>
<div style="height:10px;"></div>
<p><span style="color: #222222;">Incluye tu archivo<br />[file file-699] </p>
[acceptance Acepto]Acepto la</span> <a rel="nofollow" href="http://www.PAGINAWEB.com/politica-de-privacidad"><span style="color: #222222;"><strong>Política de Privacidad</strong></span><span style="color: #222222;"> de este sitio</a>
<p>[submit "Enviar"]</p>

Clique para expandir...

Mil gracias!!!! Ha funcionado 🙂 Además he añadido esto para centarlo:

<div align="center">

<body>
<div align="center">

alexsaporta disse:

Mil gracias!!!! Ha funcionado 🙂 Además he añadido esto para centarlo:

<div align="center">

<body>
<div align="center">

Clique para expandir...

Que bueno que te funcionó 🙂