Discussion :

[laurentSc]

Bonjour,
je crée une nouvelle discussion plutôt que de continuer sur https://www.developpez.net/forums/d2...age-verticale/ dont le but n'était que d'acquérir un minimum de connaissance sur les sprites. En réalité, je ne souhaite pas faire apparaître les images dans le cadre d'une liste mais faire afficher l'une des 3 images selon une condition. Voici mon code (html généré, l'original étant du PHP) :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

        <div class="icone icone-r"></div>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
.icone {
    width: 200px;
    height: 70px;
    background-image: url("mon-image3.png");
    background-repeat:  no-repeat;
}
 
.icone-r { background-position: center top; }

L'outil de développement dit : mon-image3.png not found. Et pourtant, ce fichier est dans le même répertoire que celui qui contient le code PHP. Il s'agit d'une adresse relative. Est-il intéressant de mettre une adresse absolue ?

[ProgElecT]

Salut

Bonjour,... mon-image3.png not found. Et pourtant, ce fichier est dans le même répertoire que celui qui contient le code PHP. ....

si le CSS est dans un fichier appelé par ton fichier.php, il faut que l'image soit dans le même dossier que le CSS.

[laurentSc]

J'ai en fait une architecture MVC. Le code est en fait une vue qui fait appel à un fichier de style externe. J'ai mis l'image dans le même répertoire que ce fichier CSS et l'image est affichée.