Salto de linea al insertar la etiqueta <form>

[gogupe]

Hola todos, tengo esta etiqueta de lo mas simple.

Código:

#  recuadro {border:1px solid}

Al insertar el siguiente código:

Código:

<div id='recuadro'>
<form name='pepe' action='post'>
<input type='text' name='texto'>
<input type='submit' name='aceptar' value='Aceptar'>
</form>
</div>

Pues bien, lo que hace es que entre la linea superior el input='text' me pone un salto de linea, que sería lo que ocupa el form, y lo mismo pasa al final.

Hay alguna forma de evitar este salto de linea.

Muchas Gracias

[JavierB]

Hola gogupe

Prueba así:

Código html:

<form style="margin:0">
 

Saludos,

[gogupe]

Vaya !!! no se me había ocurrido !!! era lo que quería



Gracias

[kseso?]

Hola Gogupe:
Ahondando un poco más en la solución de JavierB
Como sabrás, hay ciertas propiedades que cada navegador 'trae por defecto' de forma diferente, así que para evitarse sorpresas es mejor realizar lo que algunos llaman "resetear css", esto es, decirle que no supongan que... y que nos hagan caso a nosotros
La forma más usual que he visto es poner al inicio del archivo .css algo así:

Código css:

* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
 

puedes añadir más propiedades, tal como font-size, font-style, etc.
Así te aseguras de no tener sorpresas desagradables.

Un saludo

P.D.: encontrarás más información en cualquier buscador por "resetear css", "css reset", o similares.

[Mikmoro]

¿Sabes una cosa que he añadido últimamente en esa etiqueta para prevenir problemas con IE6 y me ha dado buen resultado, como en la cruzada de código y diseño?

position: relative;

Muchos problemas de IE6 se deben a su falta de posición.

[kseso?]

¡ta-ta-ta-chan! ¡Otro conejo de la chistera!
Pues es la primera vez que lo veo, lo anoto.

Iniciado por Mikmoro

¿Sabes una cosa que he añadido últimamente en esa etiqueta para prevenir problemas con IE6 y me ha dado buen resultado, como en la cruzada de código y diseño?

position: relative;

Muchos problemas de IE6 se deben a su falta de posición.

[gogupe]

Cojo buena nota de todo lo que me habeis dicho.

La verdad es que me está gustando mogollón esto de las clases de estilos, antes para posicionar cualquier cosa en pantalla, recurría a las tablas, hasta que un día me obligué a usar un ficherito llamado "estilo.css"... y vaya me ha sorprendido porque no es nada difícil, tan solo hace falta tener las cosas bien diseñada, lo demás es cocer y cantar.

Gracias a todos !!!

[gogupe]

P.D.: encontrarás más información en cualquier buscador por "resetear css", "css reset", o similares.

Pues mira, he encontrado este reset.css que usa yahoo y ... lo deja todo limpito antes de empezar.

Saludos.