<CSS>Centrer une Image dans un autre
Résolu
Utilisateur anonyme
-
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.
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:
- <CSS>Centrer une Image dans un autre
- Image iso - Guide
- Légender une image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Insérer une image dans word sans bouger le texte - Guide
6 réponses
salut,
dis-nous plus exactement ce que veux faire, quel code HTML tu utilises, qu'est-ce que tu as déjà fait, etc.
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
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
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;
}
<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;
}