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

Mise en page CSS Discussion :

insertion image css


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    45
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 45
    Par défaut insertion image css
    Je n'arrive pas à afficher mes images... L'image se trouve bien dans le répertoire adéquat et porte bien le même nom

    voilà mon code:

    [code html]
    <html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
    <head>
    <link rel="stylesheet" href="style.css" type="text/css" />
    </head>
    <body>
    <h2>Image à afficher</h2>
    </body>
    </html>
    [/code html]

    [code css]
    h2{
    margin: 0;
    padding: 0;
    height: 150px;
    background: url(/img/image.jpg) center;
    }
    [/code css]

  2. #2
    Membre émérite
    Avatar de efficks
    Inscrit en
    Septembre 2005
    Messages
    712
    Détails du profil
    Informations forums :
    Inscription : Septembre 2005
    Messages : 712
    Par défaut
    Je ne crois pas que l'on puisse mettre l'attribut background provenant d'une image à une tag H2. Essaye de mettre ton texte dans un SPAN ou un DIV et recommence.

  3. #3
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Par défaut
    Salut,

    Oui on peut mettre une image dans un h2.

    Fait attention au premier slash dans l'url de l'image cela signifie
    de rechercher l'image depuis la racine (celle du site si tu es hosté,
    sinon, celle du disque en local).

    L'url de l'image doit être donné par rapport à l'url de la feuille de style.
    Dans ton cas ça change rien puisque la feuille de style est dans le
    même dossier que ta page.

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    45
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 45
    Par défaut
    ben ma photo ne s'affiche toujours pas...

    j'ai essayé de mettre l'image dans le répertoire principale ( je ne suis pas hosté encore)
    donc

    [code css]
    h2{
    height: 150px;
    background-image: url(acc.jpg);
    }
    [/code css]

    mais ca ne marche toujours pas...
    au fait quand je selectionne ma page, j'ai la place pour la photo... mais la photo elle ne l'affiche pas..

  5. #5
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    l'url que tu mets dans ton css est relatif par rapport à ce css.

    vu ton url, il faudrait que l'image soit dans le même répertoire que le fichier css.

    tu peux aussi mettre une url absolu (du genre http://etc.com/img/image.jpg )

    PS: est-ce qu'il y a un contenu dans ton h2 ? Si il n'yen a pas, tu peux mettre un espace insécable: &nbsp;
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    45
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 45
    Par défaut
    oui, l'image est dans le même répertoire que le fichier css

    dans mon h2, il y a une phrase toute simple...

    ca marche toujours pas

    est ce que l'image doit avoir absolument la même dimension que la partie où je voudrai la placer?? parce que je voudrai voir l'image l'image avant de la redimensionner au fait..

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Insertion image dans fond d'écran wordpress en CSS
    Par Christelle29 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 08/05/2010, 17h15
  2. probleme insertion images
    Par kojima dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 29/12/2005, 22h30
  3. Animation d'une image / CSS
    Par Trunks dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 05/12/2005, 15h58
  4. [Excel][POI] insertion image
    Par noOneIsInnocent dans le forum Documents
    Réponses: 7
    Dernier message: 29/09/2005, 17h04
  5. [javascript] problème insertion image
    Par Pwill dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 18/05/2005, 16h12

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