Css_background-image

Résolu

J@rodd -

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)?

Afficher la suite

A voir également

Css_background-image
Légende image word - Guide
Reduire taille image - Guide
Image iso - Guide
Image de - Guide
Par image - Guide

4 réponses

Réponse 1 / 4
Lord Zero
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
Réponse 2 / 4
J@rodd Auteur
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

RAD ZONE Contributeur

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. ?

Réponse 4 / 4
J@rodd Auteur
c est exactement sa !!
merci pour ta reponse :)
vais devoir revoir les feuilles de styles^^
0

Css_background-image

4 réponses

Discussions similaires

Newsletters