[CSS] changement de couleur non possible...

Résolu
Bonjour,

j'ai le formulaire suivant :

http://www.operationrecyclage.com/

j'ai changé il y a 10 mn la couleur de ce formulaire :

.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 #FFFFFF;

}


et le nouveau style ne veut pas être pris en compte...J'ai vidé le cache de mon ordi, on a vidé le cache du serveur et du proxy et rien à faire j'ai toujours la même chose à l'écran.

voici le code de mon formulaire :

<form id="log2" name="form1" method="post" action="">
        <div align="right"> 
          <input name="textfield" type="text" class="login">
          &nbsp; 
          <input name="textfield2" type="password" class="login" value="mot de passe">
          &nbsp; 
          <input name="Submit" type="button" class="login" value="ok">
          &nbsp;&nbsp; &nbsp;</div>
      </form>


le log2 correspond à :
form#log2 {
    margin : 0;
    padding : 0;
    }


merci par avance.

sinon mon formulaire figure dans un include appelé menuhaut.htm... et appelant ce fichier .htm dans IE, mes changements de couleurs sont pris en compte...
--
Cordialement,
Riwalenn
Configuration: Windows XP
Internet Explorer 6.0

5 réponses

  1. Contributeur
    bonjour,

    mais quel est le problème ???
    la couleur d'arrière plan n'est pas la bonne ?
    1. mon formulaire est de couleur bleu normalement au lieu de jaune...
      mais c'est bon j'ai trouvé, c'était juste un conflit avec un autre menu lui aussi en include qui intégrait le code css de mon ancien formulaire.. je sais pas si j'ai été claire mais j'ai trouvé le problème.
      1. Contributeur
        on ne peut plus claire.
        je suis donc d'autant plus étonné que n'ai toujours pas marqué le post comme résolu !
        -;o)
    2. Hmm, je change un peu ta feuille de style en faisant ça, et je n'ai pas trop de temps donc je te ponds ca rapidement... et peut être avec des fautes, tu ne m'en voudras pas.

      <head>
      <style type="text/css">
      @import "style.css"
      </style>

      <body>
      <div id="formulaire">

      <form id="log2" name="form1" method="post" action="">
      <div align="right">
      <input name="textfield" type="text"
       
      <input name="textfield2" type="password" value="mot de passe">
       
      <input name="Submit" type="button" value="ok">
          </div>
      </form>

      </div>

      </body>

      dans ta feuille de style "style.css" placé dans le même dossier :

      form#log2 {
      margin : 0;
      padding : 0;
      }

      #formulaire{
      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 #FFFFFF;

      }
      1. En effet, 99CCFF c'est un espèce de bleu pâle, pas le jaune que l'on peut voir dans les champs...
        1. Contributeur
          ...merci beaucoup pour l'info !!!

          c'était une façon de dire : étant donné que j'ai aussi un peu de travail à côté, il serait plus rapide pour moi que le problème soit défini clairement.
      2. en fait j'ai fait le ménage dans mes css vu que j'utilise des include dans mes documents. Le fait d'avoir un include pose un problème de conflit et apparement il y a des priorités dans les css... en gros j'avais un css avec le jaune pale au lieu du bleu et le changement ne pouvait pas se faire à cause de ça...

        j'ai défini mes priorité en vue de mes include... en gros j'ai fait un menu à gauche dans ma page avec un include et son css (ne comportant que les éléments du menu) et un include pour mon menu du haut avec son css... et là forcément tout fonctionne à merveille... à part un ou deux css que je dois refaire parce que je ne m'étais pas aperçue que je l'avais dans mon menu du haut et dans ma page d'accueil LOL...
        1. Contributeur
          bonsoir,

          au sujet des priorité css, je te propose ceci.
        2. @DalidaJe te remercie pour ce petit lien, j'avais déjà lu quelque part pour les !important mais j'avais oublié qu'il existait... ;)