Css_background-image

Résolu/Fermé
Signaler
Messages postés
39
Date d'inscription
mercredi 5 octobre 2011
Statut
Membre
Dernière intervention
26 octobre 2015
-
Messages postés
39
Date d'inscription
mercredi 5 octobre 2011
Statut
Membre
Dernière intervention
26 octobre 2015
-
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)?

4 réponses

Messages postés
459
Date d'inscription
lundi 18 octobre 2010
Statut
Membre
Dernière intervention
15 juin 2018
114
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>
0
Messages postés
39
Date d'inscription
mercredi 5 octobre 2011
Statut
Membre
Dernière intervention
26 octobre 2015

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?
0
Messages postés
5205
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
19 avril 2020
1 343
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. ?
0
Messages postés
39
Date d'inscription
mercredi 5 octobre 2011
Statut
Membre
Dernière intervention
26 octobre 2015

c est exactement sa !!
merci pour ta reponse :)
vais devoir revoir les feuilles de styles^^
0