IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Display block et image


Sujet :

HTML

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Août 2010
    Messages
    70
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2010
    Messages : 70
    Points : 53
    Points
    53
    Par défaut Display block et image
    Bonjour a tous
    J'ai dans un dossier 'accessoire':

    une image
    chariot.png

    accessoire.php
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <div id="access" >
    <img id="panier" src="chariot.png" alt="panier" />
    </div>
    accessoire.css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    background-image: url("chariot.png");
    background-repeat:no-repeat;
    L'image s'affiche

    mais si je ne l'ai pas, le
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img id="panier" src="chariot.png" alt="panier" />
    ne trouve pas l'image. Je ne vois pas mon erreur

  2. #2
    Membre confirmé Avatar de guigo
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    612
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 612
    Points : 576
    Points
    576
    Par défaut
    Salut,
    ton chemin doit etre mauvais
    ./accessoire/chariot.png (tout depend de ton arborescence ../ ou ./ ou plus :-))

    Guigo

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Août 2010
    Messages
    70
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2010
    Messages : 70
    Points : 53
    Points
    53
    Par défaut
    Tout est dans le même dossier.

  4. #4
    Membre confirmé Avatar de guigo
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    612
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 612
    Points : 576
    Points
    576
    Par défaut
    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

  5. #5
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 868
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    Citation Envoyé par ptinavir Voir le message
    mais si je ne l'ai pas, le
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <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.

Discussions similaires

  1. Display block et inline sur un lien
    Par Phenomenium dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 19/05/2006, 21h38
  2. [CSS][Firefox] prob de display:block sur un TR
    Par cyberzoide dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 04/05/2006, 11h37
  3. [CSS]Display:block sur un lien
    Par Phenomenium dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 22/04/2006, 15h42
  4. [CSS] Pb avec les display:block ..
    Par sokette dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 10/12/2005, 13h17
  5. [html+css] problème menu avec liens display:block
    Par Cypselos dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 28/08/2005, 09h39

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo