<CSS>Centrer une Image dans un autre [Résolu/Fermé]

Signaler
-
 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 ;
}

6 réponses

Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
898
salut,

dis-nous plus exactement ce que veux faire, quel code HTML tu utilises, qu'est-ce que tu as déjà fait, etc.

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
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
898
dans l'exemple donné (menu bleu à gauche ?), il 'y a qu'une image et du texte.

sur ta gauche a toi il y a le menu du site avec tout ces lien c'est ceului la dont je parle
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;


}

Merci antoine