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)?
A voir également:
- Css_background-image
- Image iso - Guide
- Légender une image - Guide
- Reduire taille image - Guide
- Acronis true image gratuit - Télécharger - Sauvegarde
- Image gratuite - Guide
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
? 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. ?
