Discussion :

[Independant44]

Bonsoir,

Je cherche à placer une image logo qui serait "responsivement" toujours au meme endroit et à proportion gardée...
en z-index au dessus d'une div ...
mais je dois mal m'y prendre...
Avez vous une soluce?

merci!!!!!!!!!

[rodolphebrd]

Bonjour,

Vous vous y prenez effectivement mal...

Commencez par poster votre code.

[Independant44]

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<div class="slide" id="slide1" data-slide="1">
	<div class="container clearfix">
		  <div id="content" class="grid_12header">
			<?php echo do_shortcode("[metaslider id=64]"); ?>
		</div>
		<div class="logo_absolute"><img src="<?php echo get_bloginfo('template_url') ?>/images/2014.png"/></div>
	</div>
</div>

CSS du logo à mettre...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
.logo_absolute{
 
width: 300px;
position:absolute;
margin-top: 5%;
margin-left: 34%;	
z-index: 100;
}

[Independant44]

autant pour moi et merci de votre réponse

[rodolphebrd]

Pour les images : Les fondamentaux du Responsive Web Design.

Une façon de traiter la question :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
img{
  max-width: 100% ;
  height: auto ;
  box-sizing: border-box; /* optionnel */
}