<CSS>Centrer une Image dans un autre

Résolu/Fermé
Utilisateur anonyme - 9 févr. 2009 à 17:58
 Utilisateur anonyme - 9 févr. 2009 à 18:49
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 ;
}
A voir également:

6 réponses

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
9 févr. 2009 à 18:11
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
Utilisateur anonyme
9 févr. 2009 à 18:21
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
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
9 févr. 2009 à 18:41
dans l'exemple donné (menu bleu à gauche ?), il 'y a qu'une image et du texte.
0
Utilisateur anonyme
9 févr. 2009 à 18:46
sur ta gauche a toi il y a le menu du site avec tout ces lien c'est ceului la dont je parle
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
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
Utilisateur anonyme
9 févr. 2009 à 18:49
Merci antoine
0