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 :

background image qui ne s'affiche pas :(


Sujet :

HTML

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Décembre 2004
    Messages : 14
    Points : 11
    Points
    11
    Par défaut background image qui ne s'affiche pas :(
    bonjour,
    jessaye de simplement afficher une image d'arrière plan dans chacune des cellules de mon tableau. Celle ci s'affichebien sous Dremweaver, mais pas dans le navigateur.

    voici le bout de code :

    <link href="/style.css" rel="stylesheet" type="text/css">
    <td width="221" height="483" class="menu">
    .menu {
    background-image: url(img/menu.jpg);
    background-repeat: no-repeat;
    border: 0;
    }
    si vous voyez ce qui cloche, se serait sympa de prévenir.
    a Bientot.[/quote]

  2. #2
    Membre actif Avatar de AlphaYoDa
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    213
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Novembre 2004
    Messages : 213
    Points : 210
    Points
    210
    Par défaut
    un problème de chemin d'accès peut-être ?

    tu as essayé en faisant un :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="img/menu.jpg" />
    pour voir si çava.

  3. #3
    Membre à l'essai
    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Décembre 2004
    Messages : 14
    Points : 11
    Points
    11
    Par défaut
    Je viens d'essayé et ca ne marche pas non plus...
    pourtant le chemin est correct :s

  4. #4
    Membre à l'essai
    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Décembre 2004
    Messages : 14
    Points : 11
    Points
    11
    Par défaut
    ah si, comme ca :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="img/titre.jpg" width="1001" height="144">
    pas de problème...

  5. #5
    Membre à l'essai
    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Décembre 2004
    Messages : 14
    Points : 11
    Points
    11
    Par défaut
    je récapitule :

    donc si je met mon image comme ceci dans la cellule :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <td width="1001" height="144" background="img/titre.jpg" >
    pas de problème mon image est bien la...
    par contre , avec un css que j'invocte comme cela :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <link href="style.css" rel="stylesheet" type="text/css">
    avec ma classe définie ainsi :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    .titre {
    	background-image: url(img/titre.jpg);
    	background-attachment: fixed;
    	background-position: center;
    	background-repeat: no-repeat;
    	border: 0;
    	height: 144px;
    	width: 1001px;
    et appellée comme ceci :

    je vois bien mon image dans l'éditeur...mais pas dans le navigateur :s.

    bizar, bizar...

  6. #6
    Membre émérite
    Avatar de Nesmontou
    Homme Profil pro
    Architecte logiciel
    Inscrit en
    Septembre 2004
    Messages
    1 612
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Architecte logiciel
    Secteur : Finance

    Informations forums :
    Inscription : Septembre 2004
    Messages : 1 612
    Points : 2 969
    Points
    2 969
    Par défaut
    Il ne faudrait pas faire ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    background-image: url("img/titre.jpg");
    avec des "" :

  7. #7
    Membre chevronné Avatar de Oluha
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    2 183
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Novembre 2004
    Messages : 2 183
    Points : 1 967
    Points
    1 967
    Par défaut
    non normalement il ne faut pas mettre de guillemets

  8. #8
    Membre habitué
    Inscrit en
    Août 2005
    Messages
    124
    Détails du profil
    Informations personnelles :
    Âge : 39

    Informations forums :
    Inscription : Août 2005
    Messages : 124
    Points : 133
    Points
    133
    Par défaut Re: background image qui ne s'affiche pas :(
    Citation Envoyé par vermo
    bonjour,
    jessaye de simplement afficher une image d'arrière plan dans chacune des cellules de mon tableau. Celle ci s'affichebien sous Dremweaver, mais pas dans le navigateur.

    voici le bout de code :

    <link href="/style.css" rel="stylesheet" type="text/css">
    <td width="221" height="483" class="menu">
    .menu {
    background-image: url(img/menu.jpg);
    background-repeat: no-repeat;
    border: 0;
    }
    si vous voyez ce qui cloche, se serait sympa de prévenir.
    a Bientot.
    [/quote]

    Si ta version de dreamweaver est assez récente, tu verra qu'elle affiche des erreur css, il a maintenant la capacité de verifier la compatibilité de ton code css avec les différents navigateur qui existent, essaye avec un autre navigateur, il y en a forcement un avec le quel tu aura ton image en gardant ton code initial.

    Ce qui veut dire que ton code n'est pas compatible avec le navigateur que tu utilise pour afficher ta page ===> Je pense que c'est les "" aussi

  9. #9
    Membre averti Avatar de Huntress
    Femme Profil pro
    Inscrit en
    Août 2004
    Messages
    475
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations forums :
    Inscription : Août 2004
    Messages : 475
    Points : 402
    Points
    402
    Par défaut
    Et si tu mets dans ton CSS :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    table.nom_tableau td.nom_cellule {
       /* tes styles */
    }

  10. #10
    Membre habitué
    Inscrit en
    Août 2005
    Messages
    124
    Détails du profil
    Informations personnelles :
    Âge : 39

    Informations forums :
    Inscription : Août 2005
    Messages : 124
    Points : 133
    Points
    133
    Par défaut
    Que des complications de codes tu aura chevalier jedi.

    non, c'est truc tout bête de compatubilité

Discussions similaires

  1. [HTML 5] Background-image qui ne s'affiche pas dans les navigateurs
    Par patnour dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 01/06/2015, 14h56
  2. Background-image qui ne s'affiche pas
    Par CaLeDo dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 07/09/2010, 07h06
  3. [WebForms]Image qui ne s'affiche pas
    Par Filippo dans le forum Général Dotnet
    Réponses: 3
    Dernier message: 19/12/2007, 20h51
  4. [HTML]Image qui ne s'affiche pas sous firefox...
    Par OrangeBud dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 13/10/2004, 13h42
  5. [debutant][Tomcat]Images qui ne s'affichent pas
    Par omega dans le forum Servlets/JSP
    Réponses: 6
    Dernier message: 07/04/2004, 09h44

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