High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

[CSS] problème de marge ?

Dernière réponse le 3 avr 2007 à 17:34:41 Riwalenn, le 2 avr 2007 à 16:34:52 
 Signaler ce message aux modérateurs

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/images/forums/2.jpg

alors que mon fond devrait donner ceci :
http://www.operationrecyclage.com/images/forums/3.jpg

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

Meilleures réponses pour « [CSS] problème de marge ? » dans :
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Popup en CSS, sans Javascript VoirVoici comment réaliser une popup d'information en pure CSS, sans Javascript. L'astuce est d'utiliser :hover de manière à utiliser des CSS différents au passage du curseur. Parmis les attributs CSS modifiés, on utilise display:none afin de...
[CSS] Créer facilement des CSS VoirUn outil très facile d'utilisation pour créer des CSS, avec un aperçu en direct de ce que vous créez : TopStyle. La version Lite est gratuite. www.topstyle4.com
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...
Posez votre question Répondre

1

Riwalenn, le 2 avr 2007 à 16:47:41
  • +1

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/images/forums/4.jpg

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

   
Répondre à Riwalenn

2

Gihef, le 2 avr 2007 à 17:19:35

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 &nbsp; par du padding appliqué à tes <input
 

   
Répondre à Gihef

3

Riwalenn, le 2 avr 2007 à 18:00:29

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

   
Répondre à Riwalenn

4

Serge_La, le 2 avr 2007 à 19:52:21

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.

   
Répondre à Serge_La

5

Dalida, le 2 avr 2007 à 21:29:18

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 !

[ Mathieu ]
savoir rester faignant, c'est progresser en informatique. enfin, j'essaie...

   
Répondre à Dalida

6

Gihef, le 2 avr 2007 à 22:20:34
  • +2

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="">

 

   
Répondre à Gihef

7

Dalida, le 2 avr 2007 à 22:58:38
  • +1

Oui, tu peux même l'appliquer à <input> qui par défaut doit être margé... [ Mathieu ]
savoir rester faignant, c'est progresser en informatique. enfin, j'essaie...

   
Répondre à Dalida

8

 Riwalenn, le 3 avr 2007 à 17:34:41
  • +1

Excellent c'était vraiment ce que je recherchais !!!! Merci Gihef ça m'enlève une épine du pied :)) Cordialement,
Riwalenn

   
Répondre à Riwalenn
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net