Display block et image

Version imprimable

Bonjour a tous
J'ai dans un dossier 'accessoire':

une image
chariot.png

accessoire.php
Code:

1 2 3 <div id="access" > <img id="panier" src="chariot.png" alt="panier" /> </div>
accessoire.css
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 @charset "utf-8"; /* CSS Document */ #access{ /*position: relative;*/ margin-top:10px; margin-left:0px: float:left; width:100px; height:500px; border:0.5px solid blue; } #panier{ display:block; position: relative; margin:auto; margin-top:10px; height: 80px; width: 80px; background-image: url("chariot.png"); background-repeat:no-repeat; /* border:0.5px solid blue;*/ }
Avec le
Code:

1 2 background-image: url("chariot.png"); background-repeat:no-repeat;
L'image s'affiche

mais si je ne l'ai pas, le

Code:

<img id="panier" src="chariot.png" alt="panier" />

ne trouve pas l'image. Je ne vois pas mon erreur

21/10/2010, 11h24
guigo

Salut,
ton chemin doit etre mauvais
./accessoire/chariot.png (tout depend de ton arborescence ../ ou ./ ou plus :-))

Guigo
21/10/2010, 11h54
ptinavir

Tout est dans le même dossier.
21/10/2010, 11h59
guigo

essaye sans tes id.... Si ton image s'affiche alors il faut travailler ton css...
et la tu n'es pas forcement dans le bon forum
21/10/2010, 23h46
Bisûnûrs

Citation:

Envoyé par ptinavir

mais si je ne l'ai pas, le

Code:

<img id="panier" src="chariot.png" alt="panier" />

ne trouve pas l'image.

C'est à dire ? Là tu mets une image de fond en background de ton image elle-même, donc forcément, quand tu enlèves la balise img, les deux images disparaissent en même temps.