Mettre image sur toute la largeur du site
zoro
-
AssassinTourist Messages postés 6029 Date d'inscription Statut Contributeur Dernière intervention -
AssassinTourist Messages postés 6029 Date d'inscription Statut Contributeur Dernière intervention -
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
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
A voir également:
- Image prend toute la largeur css
- Longueur largeur ✓ - Forum Loisirs / Divertissements
- Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
- Image iso - Guide
- Dans la présentation à télécharger, déplacez l'image dans le cadre sans en modifier la taille. redressez l'image pour que le niveau de la mer soit à l'horizontale. faites correspondre : la ligne avec le niveau de la mer ; le point avec le sommet de la grande voile. combien d'oiseaux sont dans le cadre ? - Forum Word
- Reduire taille image - Guide
5 réponses
Re bonjour,
J'ai testé ce code, pouvez vous me dire si il y a des erreurs?
html:
Merci du coup de main
zoro
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