<CSS>Centrer une Image dans un autre

Résolu
Utilisateur anonyme -  
 Utilisateur anonyme -
Bonjour,

Je voudrait savoir comment on centre une image dans un autre image pour que mon menu soit plus joli,

Merci.

#menu-img {
   background-image: url("menu-1000-fond.png") ;
   height: 467px ;
   width: 202px ;
   background-repeat : no repeat;
}


#calendrier {
   background-image: url("menu-1110-norm.png") ;
   background-repeat : no repeat;
   height: 104px ;
   width: 174px ;
}
Configuration: Mac OS X
Firefox 2.0.0.20

6 réponses

  1. Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
     
    salut,

    dis-nous plus exactement ce que veux faire, quel code HTML tu utilises, qu'est-ce que tu as déjà fait, etc.
    0
  2. Utilisateur anonyme
     
    Voila j'utilise un cms (spip) que j'utilise pour le moment en local avec Mamp et je modifie mon CSS avec un programer :SMULTRON

    Sur ce je veut faire un bloc avec une image de fond, avec un autre bloc centré a l'interieur du premier

    Le probléme moi sa fait le 2éme block au bord du premier rien de centré

    Edit : J'ai trouver un site qui a a peut prés le même menu mais centré :
    https://www.cinecreatis.net/

    A Gauche
    0
  3. Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
     
    dans l'exemple donné (menu bleu à gauche ?), il 'y a qu'une image et du texte.
    0
  4. Utilisateur anonyme
     
    sur ta gauche a toi il y a le menu du site avec tout ces lien c'est ceului la dont je parle
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. antoine
     
    Centrer une div dans une autre :

    <div id="menu-img">

    <div id="calendrier">
    </div>

    </div>

    #menu-img {
    background-image: url("menu-1000-fond.png") ;
    height: 467px ;
    width: 202px ;
    background-repeat : no repeat;
    text-align:center;
    }

    #calendrier {
    background-image: url("menu-1110-norm.png") ;
    background-repeat : no repeat;
    height: 104px ;
    width: 174px ;
    margin-left:auto;
    margin-right:auto;

    }
    0