Mettre image sur toute la largeur du site

Fermé
zoro - Modifié le 16 sept. 2017 à 19:22
AssassinTourist Messages postés 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 - 10 oct. 2017 à 15:20
Bonjour,

Je souhaite insérer une image sur toute la largeur de mon site. Je crois qu'il s'agit de position justify en css.
J'ai cherché un peu sur internet mais pas trouvé de code qui me convienne.
en tout cas, dans ce que j'aii cherché, je n'ai rien trouvé...

Merci de vos lumières

zoro


5 réponses

Re bonjour,
J'ai testé ce code, pouvez vous me dire si il y a des erreurs?

html:
  
  <div id="bg">
	<table cellspacing="0" cellpadding="0">
	<tr>
	<td>
	<img alt="je fais du velo" src="https://static5.depositphotos.com/1004996/464/v/950/depositphotos_4642790-stock-illustration-green-abstract-paint-splashes-illustration.jpg">
	</td>
	</tr>
</table>
	</div>


#bg {
	height:200%;/*le div bg doit être deux fois plus grand que la taille de l'écran*/
	width:200%;
	left:-50%;/*on le décale de la moitié de la taille de l'écran en haut et à gauche*/
	top:-50%;
	position:cover;
	z-index:-200;/* pour qu'il soit toujours en dessous du reste du site*/
	}

	#bg img {
	min-height:50%; /* l'image fera 50% de 200% de la taille de l'écran soit 100% */

	min-width:50%; /* l'image fera 50% de 200% de la taille de l'écran soit 100% */

	}


Merci du coup de main

zoro
0