Bonjour,
Je viens demander conseil dans l'objectif d'ajouter des logos (images au format .png) au bas de ma page internet. Je suis débutant et j'ai effectué diverses recherches. J'ai appris qu'il était impossible en CSS de mettre plusieurs background-image dans un seul div.
J'ai alors crée 2 autres div et là, les images semblent mal positionnées ou décalées.
Voici mon code CSS :
Pour la première image (aucun problème) :
#All {
margin-top: 10px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
width: 900px;
border:1px dotted DodgerBlue; /*DeepSkyBlue;*/
padding: 100px;
background-image: url(bg_myosotis.png);
background-position: left bottom;
background-repeat: no-repeat;
}
Pour les 2 autres images :
#bg, #bd {
margin-top: 10px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
background-repeat: no-repeat;
background-image: url(bg_myosotis.png);
}
#bg {
background-position: left bottom;
}
#bd {
background-position: right bottom;
}
Et voici l'HTML :
<div id="All">
<div id="bg">
<div id="bd">
Je remercie toute personne pouvant m'éclairer.