Formulario simple

[fedefrankk]

Hola a todos, quiero hacer un formulario simple, pero me he vuelto loko, si subo un elkemnteo se sube todo, o no.. y la idea es no hacerlo con position absolute.

este formulario va adentro del encabezado y el css de mi encabezado es el siguiente:

Código CSS:

.enca{border: 2px solid #000; 
    width:1124px;
    height:102px;
    position:relative;
    float:left;
    margin:0px;
}
 

mi htm

Código HTML:

<form class="registreuserypass" action="#">
<label class="textemail">Email </label>
<input type="text" name="email" class="rmail" />
 
<label class="textcontra">Contraseña</label>
<input type="text" name="contra" class="pass" />
<input class="bote" name="submit" value="Enviar"/>
 
 
     </form>
 

y mi css

Código CSS:

.registreuserypass{ float:right; margin-top:-165px;  width:350px; height:100px;border: 2px solid #000}
 
.textemail{float:right; margin-right:300px; margin-top:10px;}
.textcontra{ float:right; margin-right:100px; margin-top:-100px;}
 
 
.rmail{float:right; margin-right:200px;margin-top:1px;}
.pass{float:right; margin-right:100px;margin-top:20px;}
 

y el resultado es como el de facebook.... va es lo que intente...



Espero que se entienda, saludos a todos y gracias de antemano
saludos
fede

[pzin]

¿Para que el margin-top negativo?

Código CSS:

.registreuserypass {
  float: right;
  margin-top: -165px;
...
 

[fedefrankk]

Hola Gracias por responder, es que acomodo todo si desacomoda todo, por eso los negativos,
No se bien como se hace por eso deje la imagen, pense que era simple...

saludos
fede

[pzin]

Intenta explicarte mejor, porque a mi me cuesta un poco entender cuál es el problema o qué es lo que no te sale bien.

[fedefrankk]

Hola, lo que necesito y no me sale es el login parecido de facebook, no importa los colores ni la tipografia, ni el color del boton.

Mi web la empiezo asi,

<div class="main"> aca empieza toda la web y termina en el body

el css de main es:

Código CSS:

.main{
    width:1124px;
    height:auto;
    margin-right:auto;
    margin-left:auto;
    margin-top:0px;
    padding:0px;
}
 

dentro del main, hice un div que se llama ecnca " de todo el encabezado"

y el css es asi:

Código CSS:

.enca{border: 2px solid #000; 
    width:1124px;
    height:102px;
   position:relative;
    float:left;
    margin:0px;
}
 

despues puse un div con el logo
en css:

Código CSS:

.logo{ float:left;}
 

los bordes los pongo para ver como queda, despues se los saco..

dentro de enca quiero hacer el famoso formulario:

y me cuesta que quede prolijo

Código HTML:

<form id="formulario">
    
 
        <label>Nombre:
        <input name="nombre" type="text"  size="30" /></label>
        <label>Apellido:
        <input name="apellido" type="text" size="10" /></label>
        <input type="button" value="enviar" title="Enviar" class="enviar" />
 
</form>
 

si lo hago con posiciones absolutas, se hacerlo.. pero con float no, y no quiero hacerlo con posision absoluta..
hatsta aora quedo asi pero no puedo hacer mas..






Espero que se entienda, y no se si se hace asi los encabezados,
gracias de nuevo por responder
saludos grandes
fede

[falkon765]

intenta usar enves de float: left un display:inline-block haber si eso soluciona lo que creo que quieres

[fedefrankk]

Hola Muchas gracias por tu ayuda me sirvio y mucho

Saludos
fede