28220 sujets

CSS et mise en forme, CSS3

bonsoir a tous

Un probleme n'arrive jamais seul donc voici mon deuxieme probleme d'aujourd'hui:

j'ai un formulaire qui doit etre affiché dans un espace assez reduit mais le probleme est que ce formulaire ne veut absolument pas rester dans son contenu...

Voici le code html et css du form


.login {
	float: left;
	width:157px;
	background: url(images/bg_login.gif) no-repeat;
	height: 63px;

}

html>body .login {
	position:relative; 
	overflow: hidden;
}
/** style formulaire login **/
.login {font:11px Arial, Helvetica, sans-serif; font-weight:bold; }
.login p{ margin:0px}
.login form{
	height: 63px;
	width: 140px;
}
.login input.text {width:3.9em; font-size:10px; margin-top:0px; }
.login input.option {width:15px;height:16px;margin-top:1px; margin-right:1px }
.login a.button {display:block; text-decoration:none; color:#000; margin-left:24px }



<div class="login">
<form action="" enctype="application/x-www-form-urlencoded" name="connection" id="connection">
<p>
<input name="login" type="text" id="login" size="6" class="text"/>
<input name="pass" type="password" id="pass" size="6" class="text"/>
	</p>
<p><input name="" type="checkbox" value=""  class="option" />&nbsp;Se souvenir de moi</p>
<a href="" class="button">Je veux m'inscrire</a></form>
</div>			


un grand merci pour votre reponse pcq je suis un peu neuneu et je vois pas le prob

Cris
Modifié par comicway (21 Mar 2005 - 21:21)
Modérateur
Je suis pas sûr d'avoir saisi le problème, mais de ce que j'ai compris, tu dois enlever la marge à ton formulaire :


form {
margin:0;
}
Modérateur
comicway a écrit :
suis bete des fois Smiley decu


Bah, j'ai déjà été aussi bete... je t'assure... quand on le sait pas le problème, on le sait pas! Smiley cligne

Que de sagesse, en moi, il y a...
Modifié par Merkel (21 Mar 2005 - 21:32)