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 :

Image de fond et div [Débutant(e)]


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé Avatar de Xtrem_Voyageur
    Homme Profil pro
    Inscrit en
    Juin 2009
    Messages
    85
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Juin 2009
    Messages : 85
    Par défaut Image de fond et div
    Bonjour!

    Je débute vraiment en programmation web.
    J'aimerais faire quelque chose de simple : Je veux une entête en haut de ma page (<header>/</header>), je veux également un pied de page (<footer>/</footer>). Et entre ces deux choses je veux qu'il y ait mon image de fond.

    J'aimerais que la taille de l'image s'adapte au client pour qu'elle occupe un espace correcte entre l'entête et le pied de page et qu'elle soit centrée.
    Je fais un <div id="fond_image">

    Que mettre dans le .css pour placer l'image comme je le souhaite entre l'entête et le pied de page.
    Je m'y perds.

    Merci

  2. #2
    Inactif  

    Homme Profil pro
    développeur Vala
    Inscrit en
    Février 2011
    Messages
    478
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Cher (Centre)

    Informations professionnelles :
    Activité : développeur Vala
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2011
    Messages : 478
    Par défaut
    si ton div du corps du site à l'id body par exemple, alors
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    #body{
    background-image:url('url/de/image.jpg');
    }
    tu remplaceras les valeurs par celles qui te conviennent

  3. #3
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2009
    Messages
    90
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2009
    Messages : 90
    Par défaut
    Si ton ta page est découpée en trois zones c'est à dire :
    • Entête
    • Contenu
    • PiedPage

    il faut juste mettre le fond de l'image dans Contenu, exemple
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    #Contenu{background:url(nomimage.jpg);}

Discussions similaires

  1. Problème d'image en fond de div
    Par tomny dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 19/10/2009, 15h52
  2. Position d'une image en fond de div
    Par wehtam dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 13/03/2009, 16h34
  3. [XHTML] [DIV][IMAGE]afficher une image en fond
    Par fabszn dans le forum Balisage (X)HTML et validation W3C
    Réponses: 12
    Dernier message: 30/10/2006, 12h32
  4. Rollower sur l'image de fond d'une Div
    Par Galaad dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 20/09/2006, 21h20
  5. [CSS] Image de fond dans un élément <div>
    Par Yogui dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 16/05/2006, 13h05

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