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

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

A voir également:

Css_background-image
Image iso - Guide
Acronis true image - Télécharger - Sauvegarde
Google recherche par image - Guide
Faststone image viewer - Télécharger - Visionnage & Diaporama
Image - Guide

4 réponses

Réponse 1 / 4

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

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>

Réponse 2 / 4

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

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?

Réponse 3 / 4

RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
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

<!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 Messages postés 39 Date d'inscription mercredi 5 octobre 2011 Statut Membre Dernière intervention 26 octobre 2015
6 oct. 2011 à 09:07

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

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?

Comment enlever le rouge sur la photo svp ?

Discussions similaires

Newsletters