Bonjour,

j'ai un souci de positionnement d'une image sur une autre.

En effet, je souhaiterais centrer une image de type logo sur une image de fond de header.

voici mon code html:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
<header>
        <div class="logo">
        </div>
</header>

et mon code css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
header
{
background-image: url(...);
    background-size: 100% 100%;
    height: 300px; 
    display: block;
}
 
.logo
{	
	background-image: url(...);
	background-repeat: no-repeat;
    background-position: center; 
    display: none;
    padding-left: 150px;  
 
}
or cela n'affiche pas le logo...
Il me semble qu'il y a une histoire de position absolute mais j'ai essayé plusieurs manières de faire avec cette position absolute mais rien à faire le logo ne s'affiche pas sur l'image de fond du header...

Je vous remercie par avance pour votre aide.