[CSS] problème de marge ?

Résolu

Riwalenn Messages postés 363 Date d'inscription Statut Membre Dernière intervention -
Riwalenn Messages postés 363 Date d'inscription Statut Membre Dernière intervention - 3 avr. 2007 à 17:34

Bonjour,

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 !
--
Cordialement,
Riwalenn

Configuration: Windows XP
Internet Explorer 6.0

Afficher la suite

6 réponses

Réponse 1 / 6

Meilleure réponse
La meilleure réponse est la réponse qui a été validée par nos équipes.
Gihef Messages postés 5165 Statut Contributeur 2 781
Il est vrai que tu es un peu chiche dans les info. que tu donnes.

Essaye :
```
form#log {
    margin : 0;
    padding : 0;
    }
```
et
```
<form id="log" name="form1" method="post" action="">
```
2
1. Dalida Messages postés 7114 Date d'inscription Statut Contributeur Dernière intervention 923
  
  oui, tu peux même l'appliquer à <input> qui par défaut doit être margé...
  
  0
2. Riwalenn Messages postés 363 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 :))
  
  0

Riwalenn Messages postés 363 Date d'inscription Statut Membre Dernière intervention 101

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 :

    <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">
            &nbsp; 
            <input name="textfield2" type="text" class="login" value="mot de passe">
            &nbsp; 
            <input name="Submit" type="button" class="login" value="ok">
            &nbsp;</div>
        </form></div></td>

si quelqu'un peut m'aider...

Réponse 3 / 6
Gihef Messages postés 5165 Statut Contributeur 2 781

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
0

Riwalenn Messages postés 363 Date d'inscription Statut Membre Dernière intervention 101

la-dedans j'ai juste le style login (dans le formulaire) :

<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">
            &nbsp; 
            <input name="textfield2" type="text" class="login" value="mot de passe">
            &nbsp; 
            <input name="Submit" type="button" class="login" value="ok">
            &nbsp;</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
Réponse 5 / 6
Serge_La Messages postés 408 Statut Membre 47

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.
0
Réponse 6 / 6
Dalida Messages postés 7114 Date d'inscription Statut Contributeur Dernière intervention 923

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 !
0

[CSS] problème de marge ?

6 réponses

Discussions similaires

Newsletters