Signaler

Mettre image sur toute la largeur du site

Posez votre question zoro - Dernière réponse le 10 oct. 2017 à 15:20 par AssassinTourist
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


Utile
+0
plus moins
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
Donnez votre avis
Utile
+0
plus moins
Pas d'idée?
Donnez votre avis
Utile
+0
plus moins
Bonjour,

Tu as testé, et tu as vu des erreurs ?
Donnez votre avis
Utile
+0
plus moins
Bonjou r,
oui j ai testé mais cela ne fonctionne pas. Je ne sais pas comment faire... j'ai essayé plein de chose ... qui s adapte selon les ecrans.... mais je n y arrive pas.
Si vous avez une idee
Donnez votre avis
Utile
+0
plus moins
En gros, tu veux étirer ton image pour coller à la fenêtre c'est ça ?
https://openclassrooms.com/forum/sujet/background-image-etire
Teste par là.
Donnez votre avis

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !