Forum Clubic

Résolu : [CSS] Problème en "class" mais pas en "style"

J’ai un problème avec l’attribut background-image de CSS. J’ai une feuille de style que j’inclus dans le (<link rel=" etc …). Dans cette feuille, je mets ça :

[cpp]h2
{
color: #FF795F;
font-size: 12pt;
height: 29px;
margin: 0px 0px 5px 0px;
text-align: left;
background-image: url(‘images/line_dotted.gif’);
background-repeat: repeat-x;
background-position: bottom left;
}[/cpp]

Donc tous les h2 sont censés être comme indiqué.

Dans mon html, je mets

[cpp]

Test

[/cpp]

Le texte se met bien en couleur à la taille choisie, mais je n’ai pas la ligne en pointillé définie par l’attribut background-image.

Mais bizarrement, si je fais

[cpp]

Test

[/cpp]

ça marche … pouvez-vous m’aider pour généraliser ce fond à tous les h2, comme je voulais le faire initialement ?

Ta feuille de style est au même niveau que ta page?

Bon je sais c’est bête, mais ca m’est déjà arrivé…

Qu’appelles-tu même niveau ?
Si tu parles de répertoire, c’en est un autre. Mais sinon, la feuille est bien inclue dans la page où je veux mettre mon h2.

Je viens de tester un truc : si je mets premier code directement dans le :

[cpp]

h2 { etc ... } [/cpp]

Ca s’affiche comme je veux. C’est vraiment troublant.
Pour préciser les choses, j’ai Firefox. Mais ça donne la même chose sur IE.

Pas compliqué: quand tu utilise une feuille de style externe, les liens (avec url notamment) qui s’y réfère sont à calculer à partir de là où est la feuille de style.

ie: si tu as cette architecture :

/styles/ma.css
/images/ma.png

tu devra faire :
background-image: url( ‘…/images/ma.png’ );
ou
background-image: url( ‘/images/ma.png’ );

Ah oui, en effet ! Pas con.
Je ne savais pas. En PHP il faut prendre en compte la page d’appel, donc je n’avais pas l’habitude de faire ça !

Merci encore Sans-Nom !

Voilà, elle n’est pas “inclue”, c’est simplement un lien.