[CSS] problème de marge ?
Résolu
Riwalenn
Messages postés
364
Date d'inscription
Statut
Membre
Dernière intervention
-
Riwalenn Messages postés 364 Date d'inscription Statut Membre Dernière intervention -
Riwalenn Messages postés 364 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
j'ai fait le code css suivant :
mais cela me donne le résultat suivant :
http://www.operationrecyclage.com/
alors que mon fond devrait donner ceci :
http://www.operationrecyclage.com/
j'ai beau changer les marges (margin), y'a rien à faire, le fond se duplique encore plus...
quelqu'un a t'il une idée où je me suis plantée...
merci par avance !
j'ai fait le code css suivant :
<style type="text/css" media="screen">
#boitelogin {
float: right;
width: 300px;
height: 0px;
border: 0px;
margin: 10px 10px 0px 0px;
}
</style>
mais cela me donne le résultat suivant :
http://www.operationrecyclage.com/
alors que mon fond devrait donner ceci :
http://www.operationrecyclage.com/
j'ai beau changer les marges (margin), y'a rien à faire, le fond se duplique encore plus...
quelqu'un a t'il une idée où je me suis plantée...
merci par avance !
6 réponses
Il est vrai que tu es un peu chiche dans les info. que tu donnes.
Essaye :
Essaye :
form#log {
margin : 0;
padding : 0;
}et<form id="log" name="form1" method="post" action="">
Dalida
Messages postés
6728
Date d'inscription
Statut
Contributeur
Dernière intervention
922
oui, tu peux même l'appliquer à <input> qui par défaut doit être margé...
Riwalenn
Messages postés
364
Date d'inscription
Statut
Membre
Dernière intervention
101
excellent c'était vraiment ce que je recherchais !!!! Merci Gihef ça m'enlève une épine du pied :))
autant pour moi j'ai trouvé en regardant mon code pour poser ma question... j'avais des espaces en trop...
par contre j'ai un problème avec mon formulaire, j'aurais aimé qu'il se trouve graphiquement sur la base du trait de mon arrière plan (en bas) :
http://www.operationrecyclage.com/
mon code est le suivant dans le body :
si quelqu'un peut m'aider...
par contre j'ai un problème avec mon formulaire, j'aurais aimé qu'il se trouve graphiquement sur la base du trait de mon arrière plan (en bas) :
http://www.operationrecyclage.com/
mon code est le suivant dans le body :
<td width="988" height="95" valign="bottom" background="../img/layout/headerrow.jpg">
<div id="boitelogin">
<form name="form1" method="post" action="">
<div align="right">
<input name="textfield" type="text" class="login" value="nom d'utilisateur">
<input name="textfield2" type="text" class="login" value="mot de passe">
<input name="Submit" type="button" class="login" value="ok">
</div>
</form></div></td>
si quelqu'un peut m'aider...
Bonjour,
Peut-on avoir les styles des :
bloc qui contient la suite (dont on voit le dessin. En-tête ?)
<table qui contient le <td qui contient la suite
<td
<div id="boitelogin">
<form
<div align="right"
<input class="login"
?
+ Pour l'espacement, essaye de remplacer les par du padding appliqué à tes <input
Peut-on avoir les styles des :
bloc qui contient la suite (dont on voit le dessin. En-tête ?)
<table qui contient le <td qui contient la suite
<td
<div id="boitelogin">
<form
<div align="right"
<input class="login"
?
+ Pour l'espacement, essaye de remplacer les par du padding appliqué à tes <input
la-dedans j'ai juste le style login (dans le formulaire) :
sinon ça se présente comme ceci :
<input class="login"
.login {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: normal;
color: #000000;
background-color: #99CCFF;
border: 1px solid #000000;
}
sinon ça se présente comme ceci :
<body background="../img/layout/melts.jpg">
<table width="988" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="988" height="95" valign="bottom" background="../img/layout/headerrow.jpg">
<div id="boitelogin">
<form name="form1" method="post" action="">
<div align="right">
<input name="textfield" type="text" class="login" value="nom d'utilisateur">
<input name="textfield2" type="text" class="login" value="mot de passe">
<input name="Submit" type="button" class="login" value="ok">
</div>
</form></div></td>
</tr>
<tr>
<td background="../img/layout/middlerow.jpg" class="textemenu"> <table width="100%" height="26".... et ça continue
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour,
Si tu veux aligner quelque chose sur l'image de fond, je ne vois pas d'autre solution que de mettre position: absolute. Sur ton div#boitelogin et de mettre top: nnpx où nn est la position en pixel de ta ligne dans ton image de fond. Et puis left: mmpx pour la position horizontale.
Serge.
Si tu veux aligner quelque chose sur l'image de fond, je ne vois pas d'autre solution que de mettre position: absolute. Sur ton div#boitelogin et de mettre top: nnpx où nn est la position en pixel de ta ligne dans ton image de fond. Et puis left: mmpx pour la position horizontale.
Serge.
pfff...
avec un bitmap et deux bouts de code, c'est pas très évident.
de ce que j'en ai compris il faudrait appliquer une hauteur au <div>, qu'il soit en position:relative.
après je pensais essayer de positionner les <input> avec position:absolute et bottom:0.
si tu ne vois pas ce que je veux dire, moi je ne vois pas ce que tu veux faire !
en tous cas, bon courage !
avec un bitmap et deux bouts de code, c'est pas très évident.
de ce que j'en ai compris il faudrait appliquer une hauteur au <div>, qu'il soit en position:relative.
après je pensais essayer de positionner les <input> avec position:absolute et bottom:0.
si tu ne vois pas ce que je veux dire, moi je ne vois pas ce que tu veux faire !
en tous cas, bon courage !
