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 d'une image sur une autre


Sujet :

CSS

  1. #1
    Membre actif
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    526
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 526
    Points : 224
    Points
    224
    Par défaut Insertion d'une image sur une autre
    Bonjour,

    J'utilise un bandeau de page avec une image de fond.
    Dans celui-ci, je voudrais insérer une autre zone contenant une autre image.

    J'ai fait dans mon code css :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    #header 
    { background: url(Images_Projet/Images/bleucla_363.jpg) repeat-x top left ;
      height : 110px;
      margin: 0 auto;
      font-family: Book Antiqua;
      }
     
    /*Logo du bandeau*/
    #logo
    {
       background: url(Images_Projet/Images/rond.jpg) no-repeat left top;
    }
    Et mon code HTML :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     <div id="header">
              <div id="logo"> </div>
     </div>
    J'ai bien l'affichage de mon bandeau mais pas celui du "logo".
    Si quelqu'un pourrait me dire comment faire.

    Merci d'avance.

  2. #2
    Membre régulier Avatar de nico le noob
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    132
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Mai 2009
    Messages : 132
    Points : 101
    Points
    101
    Par défaut
    salut,

    met tes images en absolute type:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    .maPremiereImg
    {
    	position:absolute;
    	margin-left: 0px;
    	margin-top:0px;
    }
    .maDeuxiemeImg
    {
    	position:absolute;
    	margin-left: 0px;
    	margin-top:0px;
    }

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

Discussions similaires

  1. [Débutant] Manipulation d'images : intégrer une image dans une image
    Par noscollections dans le forum VB.NET
    Réponses: 2
    Dernier message: 17/10/2014, 11h51
  2. [WD18] Metre une colonne d'une Table sur une ligne d'une autre Table
    Par Totophe2 dans le forum WinDev
    Réponses: 2
    Dernier message: 22/11/2013, 12h58
  3. Recuperer une valeur dans une grille sur une image
    Par gwal21 dans le forum Images
    Réponses: 3
    Dernier message: 26/02/2011, 23h41
  4. afficher une image sur une image de fond
    Par vega95 dans le forum wxPython
    Réponses: 2
    Dernier message: 26/11/2008, 18h41
  5. [Image]charger une image sur une page HTML
    Par Malo dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 08/07/2006, 18h33

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