18041 sujets

Questions générales et questions de débutants

Ajouter une image sur un background responsive

Bonjour !
Ce que je voudrai savoir est très simple : j'ai fais un background responsive en codage via dreameaver et je voudrai ajouter une image par dessus pour créer des images en lien.

Voici mon code : 

<!DOCTYPE html>
<html>
<head>
<title>Exadone</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">
body {
	margin-top: 0pt;
        margin-left: 0pt;
        padding-top: 0pt;
        padding-left: 0pt;
        border-top: 0pt;
        border-left: 0pt }-->
	
</style>
</head>

<body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">
 <div id="bg">
<img src="Exadone-bg.jpg"  alt="" width="100%" height="auto"/>
</div>
<div class="Exadone-facebook">
<img src="Exadone_03.png" width="4" height="5"  alt=""/>
</div>
</body>
</html>


Je ne sais quel code mettre en CSS pour l'image "Exadone-facebook" sachant que c'est responsive.
Dois je faire quelque chose comme cela ? 

div.Exadone-facebook {
	position:absolute;
	left:466px;
	top:5619px;
	width:40px;
	height:413px;
}

Je ne sais pas si l'image-incone va apparaitre au dessus du bg..
Modifié par 6l20 (17 Dec 2013 - 09:24)
Bonjour,

z-index: , gère la hauteur de tes éléments, z-index: 1 sera un élément au dessus d'un z-index:0, etc.. il faut qu'il soient en position : relative, absolute.. .. pour cela fonctionne. . Smiley murf

Je me rappelle pourquoi je n'ai pas dreamweaver, le codage c'est un bordel ! Smiley eek

En responsive tu devrais jouer avec des % pour la taille de ton image, se serait plus fluide..

Tu aurais pas une image de ce que tu as fai ou veux faire pour mieux comprendre Smiley murf
Bonjour !
Vraiment navré mais je n'ai pas vu votre réponse..
J'ai fais un background avec une width de 100%.Cependant il manque les boutons clefs du site (réseaux sociaux)..
Je voudrai savoir si il est possible, avec DW entre autre, d'ajouter des boutons qui collent au background quand on change les proportions de la fenêtre.
Car j'essaie de positionner des boutons en css mais je ne suis pas encore adapte du responsive..

Merci d'avance Smiley smile upload/52642-Exadone2.jpg
Modifié par Fitch (22 Dec 2013 - 11:42)
Sujet clos
Aller à