Problème taille

Fermé
07robinet - 18 nov. 2018 à 00:51
 07robinet - 19 nov. 2018 à 20:03
Bonjour,
Je suis débutant dans la création de site web et j'ai rencontré un problème.
Après avoir placé mon image de fond et une autre image, ces 2 images ne s'adaptent pas à la taille de la fenêtre. C'est à dire que quand je réduit la fenêtre de navigation dans la-quelle mon site est ouvert, les images restent à leur place et ne ce déplace pas avec l'image de fond.



1 réponse

bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
18 nov. 2018 à 11:46
il faudrait peut-être nous dire comment / avec quoi tu as codé tout cela, voire même un petit bout de code CSS .... :)
0
Je code sur komodo edit 11,
voici le code css:

img{
	max-width: 100%;
	height: auto;
}
.sep{
	position: absolute; top: 119px; left: 38px;
}
.cercle1{
	position: absolute; top: 191px; left: 493px;
}
.cercle2{
	position: absolute; top: 191px; left: 951px;
}
.cercle3{
	position: absolute; top: 191px; left: 1439px; 
}
.cercle4{
	position: absolute; top: 191px; left: 1927px;
}
.rectangle_contact{
	position: absolute; top: 50px; left: 2237px; 
}

0
Et le HTML ?
0
<!DOCTYPE HTML>
	<html>
		<head>
			<title></title>
			<meta charset="utf-8"/>
			<link rel="stylesheet" href="style.css"/>
		</head>
		<body>
			<img class="bg" src="bg.jpg"/>
			<img class="sep" src="sep.png"/>
			<img class="cercle1" src="cercle1.png"/>
			<img class="cercle2" src="cercle2.png"/>
			<img class="cercle3" src="cercle3.png"/>
			<img class="cercle4" src="cercle4.png"/>
			<img class="rectangle_contact" src="contact.png"/>
		</body>
	</html>
0