28173 sujets

CSS et mise en forme, CSS3

Probléme sur IE6

Bonjours à tous,
J'ai un petit probléme sur IE6 que je ne comprend pas, mes :hover sur les liens ne marche pas?

Sur IE7 autre probléme, le fond de mes hover de mes lien du menu de gauche ne s'affiche pas.

Pourier vous m'aidez à me dire ce qu'il faudrai que j'ajoute dans mes commentaire conditionnel pour IE, et pour les IE avant 7?

Adresse du design:
http://www.zone-webmasters.net/aaa/xhtml/bases.xhtml
http://www.zone-webmasters.net/aaa/design/styles.css


MLerci a tous Smiley cligne
Salut,

J'ai regardé vite fait, et ça marche nickel chez moi, sur FF, IE 7 et 6.
Le seul problème sur IE 7 et que le sur le menu de gauche, du fait que le texte passe en bold au survole ça reviens à la ligne sur certains liens et ça ne fait pas classe.

Mais à part ça je ne vois pas de pb.
Opps autant pour moi, je n'avais pas vus que j'était sur FF sur mon portable ou il y a IE 6 Smiley biggol

Effectivement, ça n'a pas du tout la même gueule
Modifié par mohamed (25 Feb 2007 - 12:56)
Bonjour crocxx,

Il y a une petite erreur dans ta "CSS" :
#menu-v {
  ...
  [#red]margin-left:           : 2px;[/#]
}
(2 fois ":").
D'autre part, il n'y a pas besoin de " ' " dans les "URLs" d'images 
#menu-h li a:hover, #menu-h dt a:hover {
  [#red]background             : url('images/menu-h-actif.png');[/#]
  color                  : black;
}
Je n'est pas vérifié si c'est la cause de ton problème.
Modifié par papillon41 (25 Feb 2007 - 13:42)
#menu-h li a, #menu-h dt a {
  color                  : white;
  display                : block;
  height                 : 100%;
}

/*si tu mets un color, il convient de préciser un background-color*/

#menu-h li a {
  padding                : 2px;
  padding-left           : 5px;
  margin-left            : 5px;
}

/* padding sous-entend que le padding s'applique aux 4 cotés, et la ligne du dessous entre donc en conflit avec. L'utilisation de padding : 2px 2px 2px 5px; serait plus propre et moins litigieuse. */

#menu-h li a:hover, #menu-h dt a:hover {
  background             : url('images/menu-h-actif.png');
  color                  : black;
}

/* background-color non spécifié, il suffit de rajouter blue au devant de l'url images : background : orange url(images/menu-h-actif.png); ... toutefois pourquoi mettre une image alors que la simple coloration suffirait via background-color : orange; */
Smiley cligne
Modifié par Gunner4902 (25 Feb 2007 - 14:38)
Gunner4902 a écrit :
si tu mets un color, il convient de préciser un background-color

C'est effectivement préférable, mais ça n'est pas une obligation.

Gunner4902 a écrit :
padding sous-entend que le padding s'applique aux 4 cotés, et la ligne du dessous entre donc en conflit avec. L'utilisation de padding : 2px 2px 2px 5px; serait plus propre et moins litigieuse.

Plus courte, c'est sûr. Plus « propre », ça ne veut pas dire grand chose. Enfin, la formulation sur deux lignes n'est pas « litigieuse » : la deuxième ligne écrasera la valeur de margin-left spécifiée dans la première, c'est tout. Ça n'est pas un problème de syntaxe CSS, et ce type d'écriture peut parfois être pratique.
Tous ça m'aprend beaucoup merci à vous tous, mais toujours pas pourquoi les :hover ne sont pas interprété.
Gunner4902 a écrit :
si tu mets un color, il convient de préciser un background-color

Florent V. a écrit :
C'est effectivement préférable, mais ça n'est pas une obligation.


Obligatoire non, mais fortement conseillé et générant même un avertissement lors de la validation CSS2 Smiley cligne
Modifié par Gunner4902 (26 Feb 2007 - 00:32)
Sujet clos
Aller à