Version complète: sur le forum Webmaster Hub : Problème d'affichage
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
Capitaine_Fracas
Salut, j'ai un problème.
Voilà je vais vous passer deux bouts de code et il faudrait me dire ou çà plante parce que chez moi çà n'affiche rien.
Le code XHTML : <h2>Bienvenue Amigo</h2> cette ligne est dans un block
Le code CSS : h2{
display: block;
border: 1px solid #5d90b5;
border-left: 5px solid #6699FF;
background: url("header.png") repeat-x;
color: #3399FF;
}
Voila je voudrais bien savoir où çà cloche, merci.
captain_torche
Quel est ton problème, précisément ?
Qu'est-ce qui ne s'affiche pas ? L'image ? Ou carrément tout le texte ?
Capitaine_Fracas
Non c'est juste l'image qui ne s'affiche pas.
captain_torche
Pour qu'une image s'affiche lorsqu'elle est appelée par un fichier CSS, il faut que son chemin soit relatif au fichier CSS, et non au fichier appelant.

Là, tu l'appelles par background: url("header.png"), ce qui impliquerait que l'image soit au même endroit que le CSS (dans le même répertoire).

Si ce n'est pas le cas, il faudra spécifier le chemin vers l'image depuis le fichier CSS :
url("../header.png"), si l'image se trouve dans le répertoire parent de ton fichier CSS
url("images/header.png"), si l'image se trouve dans un sous-répertoire ce celui où se trouve ton CSS, etc ...
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.