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 :

Affichage de background dans un DIV


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 3
    Par défaut Affichage de background dans un DIV
    Bonjour j'ai un petit problème avec l'affichage d'un background dans des balises DIV.

    Fichier header.php
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    <html>
    <head>
    <title></title>
    <link rel="stylesheet" type="text/css" href= "./site.css">
    </head>
    <body>
    <div class="haut">aaaaaa</div>
    <div class="dos" align="center">

    Le fichier index.php
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    <? include ('./header.php'); ?>
     
    Test, test <br />
    test
     
    <? include ('./footer.php'); ?>

    Le fichier footer.php

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    </div> 
    <div class="bas"></div>
    </body>

    et enfin le css site.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
     
     
     
    haut 
    {
    background-image:url(images/top.png);
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: red;
    }
    bas {
    background-image:url(images/bot.png);
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    }
    dos {
    background-image:url(images/back.png);
    background-position: center;
    background-attachment: fixed;
    background-repeat: repeat;
    }
    Et ça n'affiche pas de background ... pourtant les liens vers les images sont correct .. le css fonctionne bien puisque pour "haut" j'ai bien le texte en rouge ..


    Par contre si j'utilise ceci pour header.php
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    <html>
    <head>
    <title></title>
    <link rel="stylesheet" type="text/css" href= "./site.css">
    </head>
    <body>
    <div style="background-image:url(images/top.png);">aaaaaa</div>
    <div style="background-image:url(images/back.png);">

    Alors dans ce cas ça fonctionne .. mais c'est pas ce que je veux.. je veux centraliser mes style sur un fichier séparé ..


    Merci d'avance pour votre aide

  2. #2
    Membre expérimenté
    Inscrit en
    Novembre 2006
    Messages
    206
    Détails du profil
    Informations forums :
    Inscription : Novembre 2006
    Messages : 206
    Par défaut
    Est-ce bot.png ou back.png ?

  3. #3
    Futur Membre du Club
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 3
    Par défaut
    aucun ne s'affiche .. ni bot.png ni back.png ni top.png

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

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Dans ta feuille de style, c'est le chemin par rapport à cette feuille qu'il faut mettre, pas le chemin par rapport au fichier qui appelle cette feuille.

  5. #5
    Futur Membre du Club
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 3
    Par défaut
    C'est bon je viens de résoudre le problème ..

    dès que je met

    background-attachment: fixed; ça me nique tout ..

    Je vous remercie c'est bon ..

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

Discussions similaires

  1. Mettre une photo background dans une div
    Par ryodo dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 07/09/2010, 09h24
  2. [CSS 3] Position d'un petit background dans une div
    Par Boris56 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 15/06/2010, 09h27
  3. Probleme affichage de texte dans une Div.
    Par philsand77 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 10/02/2009, 15h19
  4. Affichage de menu dans un div
    Par cell dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 21/07/2006, 09h21
  5. [DIV] [FireFox] Problème affichage du contenu dans un div
    Par jibouze dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 24/11/2005, 11h06

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