<CSS>Centrer une Image dans un autre

Résolu
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. Contributeur
    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
    1. 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
      1. Contributeur
        dans l'exemple donné (menu bleu à gauche ?), il 'y a qu'une image et du texte.
        0
        1. sur ta gauche a toi il y a le menu du site avec tout ces lien c'est ceului la dont je parle
          0
          1. 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