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.