Page 1 sur 1

Css et background-image

Posté : 30 déc. 2006, 04:09
par ocelote
bonjour je voulais savoir pourquoi cette ligne de code ne fonctionne pas :

Code : Tout sélectionner

.story h6:hover{ background:url("images/repeat_hiver_1.gif") repeat; }
Voila lorsque je passe la sourir sur le bloc h6 le fond est blanc au lieu de prendre la couleur indiqué (il n'y a pas d'erreur de lien )
merci a vous

Posté : 30 déc. 2006, 04:18
par Xenon_54

Code : Tout sélectionner

background: transparent url(images/repeat_hiver_1.gif) repeat top left;
Ceci fonctionne?

Il faut également que :hover n'est pas supporté par IE sur les éléments autre que "a" avec les version inférieures à IE7.

Posté : 30 déc. 2006, 04:33
par ocelote
hey bien non cela ne marche pas mieu :x je ne comprend pas ...

Posté : 30 déc. 2006, 04:47
par Xenon_54
As-tu une page de test en ligne? Je pourrais alors vérifier.

Posté : 30 déc. 2006, 05:08
par oci
bofland.moi.fr tout ce qui est encadré en bleu...

Posté : 30 déc. 2006, 05:30
par Xenon_54
Est-ce bien ton image?
http://bofland.moi.fr/styles/images/repeat_hiver_1.gif

Je ne vois rien...

Posté : 30 déc. 2006, 15:01
par Invité
LOL ben moi non plus... elle fait 5px sur 5 ... mais tu as raion meme en sélectionnant ça ne marche pas..

Posté : 30 déc. 2006, 15:11
par Invité
http://bofland.moi.fr/images/repeat_hiver_1.gif

Non tu t'es trompé de lien ;) dsl

Posté : 30 déc. 2006, 19:10
par Xenon_54
Non, tu t'es trompé de lien dans ton CSS.
C'est l'image que Firefox m'affiche pour ton arrière plan.
Le lien vers l'image sera relatif à ton fichier .css et non à la page en cours.

Posté : 30 déc. 2006, 23:32
par Invité
je suis pas fou, dans le dossier styles , il n'y a que le fichier .css
Mais bon...

Posté : 30 déc. 2006, 23:48
par Xenon_54
Il y a 2 images repeat_hiver_1.gif
/images/repeat_hiver_1.gif -> 10x10px
/styles/images/repeat_hiver_1.gif -> 1x1px

Si tu veux la première, remplace ceci:
styles/images/repeat_hiver_1.gif
par cela:
/images/repeat_hiver_1.gif

Si tu veux la deuxième, remplace par ceci:
images/repeat_hiver_1.gif

Remarque bien les / au moins ou en plus.

Posté : 31 déc. 2006, 16:16
par Invité
alor la japprend quelque chose...je vais essayé de comprendre :) merci a toi