Css_background-image
Résolu
J@rodd
Messages postés
42
Statut
Membre
-
J@rodd Messages postés 42 Statut Membre -
J@rodd Messages postés 42 Statut Membre -
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)?
4 réponses
-
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>
-
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?
-
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<!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. ? -
c est exactement sa !!
merci pour ta reponse :)
vais devoir revoir les feuilles de styles^^
