Css_background-image
Résolu/Fermé
J@rodd
Messages postés
39
Date d'inscription
mercredi 5 octobre 2011
Statut
Membre
Dernière intervention
26 octobre 2015
-
5 oct. 2011 à 19:46
J@rodd Messages postés 39 Date d'inscription mercredi 5 octobre 2011 Statut Membre Dernière intervention 26 octobre 2015 - 6 oct. 2011 à 09:07
J@rodd Messages postés 39 Date d'inscription mercredi 5 octobre 2011 Statut Membre Dernière intervention 26 octobre 2015 - 6 oct. 2011 à 09:07
Bonjour,
je voudrais connaitre la solution a ce peti inconveniant:
par exemple j ai une iamge en background-image,
mais la taille de celle ci est trp large on va dire (si la fentre du Nav est retreci)
la question est : coment faire pour que l'image en background-image bouge quand on agrandi ou retreci la fentre? (image en 1900*1200pixel par ex)?
je voudrais connaitre la solution a ce peti inconveniant:
par exemple j ai une iamge en background-image,
mais la taille de celle ci est trp large on va dire (si la fentre du Nav est retreci)
la question est : coment faire pour que l'image en background-image bouge quand on agrandi ou retreci la fentre? (image en 1900*1200pixel par ex)?
A voir également:
- Css_background-image
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Image iso windows 10 - Guide
- Faststone image viewer - Télécharger - Visionnage & Diaporama
- Légender une image - Guide
4 réponses
Lord Zero
Messages postés
459
Date d'inscription
lundi 18 octobre 2010
Statut
Membre
Dernière intervention
15 juin 2018
115
5 oct. 2011 à 20:42
5 oct. 2011 à 20:42
c'est pour un fond de site ou un fond d'autre chose
<div style="width:100%"><img alt="" src="image.jpg" width="100%"/></div>
J@rodd
Messages postés
39
Date d'inscription
mercredi 5 octobre 2011
Statut
Membre
Dernière intervention
26 octobre 2015
5 oct. 2011 à 20:58
5 oct. 2011 à 20:58
c est pour un fond de site, mais ta reponse la c est pour ajouter une image dans un coin ou un truc du genre pas pour le fond nn?
RAD ZONE
Messages postés
5230
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
17 août 2024
1 360
Modifié par RAD ZONE le 5/10/2011 à 21:28
Modifié par RAD ZONE le 5/10/2011 à 21:28
Salut
c est possible mais , il faut bien maitriser le CSS pour ensuite gerer le positionnement des contenus !!
voila un exemple
http://rad2.free.fr/ccm/image%20background/
code de la page
? La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ?
c est possible mais , il faut bien maitriser le CSS pour ensuite gerer le positionnement des contenus !!
voila un exemple
http://rad2.free.fr/ccm/image%20background/
code de la page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>RAD ZONE Webcreation </title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Language" content="fr" /> <style type="text/css"> /*<![CDATA[*/ body,html{ width:100%; height:100%; margin:0; padding:0 } #corps,#corps img{ position:absolute; width:100%; height:100%; left:0; top:0 } div#conteneur{ left:50%; top:50%; width:800px; height:200px; margin-left:-400px; margin-top:-100px; padding:0px; background-color:transparent; border:1px dashed #564B47; text-align:center; position:fixed } span.s2{ color:#800000; font-family:Georgia } span.s1{ color:#800000; font-family:Georgia; font-size:150% } /*]]>*/ </style> </head> <body> <div id="corps"> <img src="image.jpg" alt="fond" /> <div id="conteneur"> <span class="s1"><i>Présentation</i></span> <br /> <br /> <span class="s2">texte texte texte texte texte texte texte</span> </div> </div> </body> </html>
? La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ?
J@rodd
Messages postés
39
Date d'inscription
mercredi 5 octobre 2011
Statut
Membre
Dernière intervention
26 octobre 2015
6 oct. 2011 à 09:07
6 oct. 2011 à 09:07
c est exactement sa !!
merci pour ta reponse :)
vais devoir revoir les feuilles de styles^^
merci pour ta reponse :)
vais devoir revoir les feuilles de styles^^