Problemas de colocación de input en un formulario

[pscualinho]

Buenas noches,

se que es un problema tonto, y lamento molestaros, pero me voy a volver loco, porque estoy intentando hacer un formulario con campos de registros, pero cuando me salen bien en "dreamweaver" después se desplaza en los distintos navegadores.


No sé si es problema de los size del input, de los labels ....

Un saludo!!!

Pd. Si hace falta coloco el código.

[sanxuan]

El problema se llama vista de diseño de Dreamweaver. Mis comienzos con ese programa fueron para pensar "¿De verdad cobran por algo como ésto?"
Hoy sigo usándolo, pero he prescindido no sólo de usar la vista de diseño sino de usar otra cosa que no sea un navegador para ver lo que estoy haciendo. Además cada vez necesito menos esa vista y escribo más código directamente.
Hoy Dreamweaver permite abrir una ventana de navegador dentro del programa. Antes de eso yo mantenía la página abierta en el navegador y la actualizaba después de guardar todos los archivos al realizar un cambio importante. Es más rápido que Dreamweaver.
Uso incluso muchas veces el propio Firebug con Firefox para componer elementos de la página cuando uso márgenes o posiciones absolutas, ya que con las flechas del teclado aumento o disminuyo las medidas que doy con CSS.
No tomes la vista de diseño más que como una aproximación. El comportamiento en el navegador puede ser muy diferente.

[pscualinho]

Muchas gracias por la respuesta,

pero,¿ de todas formas algún consejo para delimitar el formulario?

Uso un div de witdh = 700 pixeles, pero después no sé como calcular con label e inputs, ya que me gustaría que se quedara fijo.

¿Se pueden usar porcentajes?

Saludos!.


<div class="bloque" style="width:705px;">
<form style="margin:0; padding:0" name="freg" id="freg" action="cod/n_usuario.php" method="POST">
<p align="center"><strong>Datos personales empresa</strong></p>
<div style="background-color:#CCCCCC;" >
<br />
<p style=" margin-left:5px">
>Nombre Empresa </label> <input type="text" name="fpersona" id="fpersona" >
<select > <option value="cid">C.I.F.</option>
<option value="dni">D.N.I.</option>
<option value="dne">N.I.E.</option>
</select>
<input name="fdni" type="text" id="fdni" >

<br /><br />
<label>Direcci&oacute;n </label>
<select>
<option value="no">-</option>
<option value="calle">Calle</option>
<option value="avenida">Avenida</option>
</select>
<input type="text" name="fdireccion" id="fdireccion">
<br /><br />
<label>C.P. </label><input type="text" name="fdireccion" id="fdireccion" >
<label>Poblacion </label><input type="text" name="fdireccion" id="fdireccion" >
<label>Provincia </label> <input type="text" name="fdireccion" id="fdireccion">
</p><br />
</div>
<div class="clear"></div>

</div>

[sanxuan]

Puedes usar estilos también en las etiquetas <label>, <input>, etc...
Usando márgenes y padding puedes mantener distancias entre elementos y si quieres puedes usar posicionamiento relativo para desplazar los elementos con respecto a su posición habitual. Puedes usar incluso posicionamiento absoluto para fijar en una posición concreta cada elemento.
Por supuesto que las posiciones las puedes definir en porcentajes. También márgenes y demás.
Sin saber cómo quieres organizar el formulario no puedo concretar más.

[gVenom]

Código HTML:

<style type="text/css">

label{
float: left;
width: 120px;
font-weight: bold;
}

input, textarea{
width: 180px;
margin-bottom: 5px;
}

textarea{
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}

</style> 

HTML

Código HTML:

<form>

<label for="user">Name</label>
<input type="text" name="user" value="" /><br />

<label for="emailaddress">Email Address:</label>
<input type="text" name="emailaddress" value="" /><br />

<label for="comments">Comments:</label>
<textarea name="comments"></textarea><br />

<label for="terms">Agree to Terms?</label>
<input type="checkbox" name="terms" class="boxes" /><br />

<input type="submit" name="submitbutton" id="submitbutton" value="Submit" />

</form> 

[pscualinho]

Muchas gracias por la información, ahora mismo me voy a poner a colocarlo :D

ah! perdonar la tardanza en contesta