Petit pbm avec un background-image Résolu/Fermé

Question

Bonjour,tout le monde j'ai un petit pbm avec un background-image

Voila le code :

Css:

body
{
     background-image: url("../images/fond.jpg");
	 width: 80 %;
	 
	 
	 
}

Html:

<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>Site officiel de la Veq-Production.html</title>
       <link rel="stylesheet" media="screen" type="text/css" title="Design" href="resources/design.css" />

</head>
<body>
...
</body>
</html>

Après vous avoir montrer le code, je vous explique mon problème.
Je veux en fait redimensionner mon image "fond.jpg" directement par le .css, mais a l'heure actuelle cella ne marche pas.
Pouvez-vous m'éclairer de vos lumiere ?

merci

Rmunio

Sandriine · Answer

Il ne faut pas d'espace entre le 80 %.

Essaye width:80%; sans espace.

A+

Rmunio · Answer

Je te remercie mais sa marche pas.
Elle reste inchangée

Sandriine · Answer

Tu veux réellement modifier la taille de la page suivant la résolution de l'écran de l'utilisateur? Cela va déformer l'image et ne pas la rendre jolie.

Si tu veux réduire sa taille en lui donnant une hauteur (height) et une largeur (width) fixe, fais comme ça : *

Dans ton CSS :


#body img
{
width: 200px;
height: 200px;
}

dans ton HTML :

<body>
<img src="resources/design.css" />
</body>

Rmunio · Answer

Je veux en fait, mettre une image de fond (variant en fonction de la taille d'écran), sur laquelle je pourrai avoir une page html avec des image de taille fixe

Merci

Sandriine · Answer

Des images sur une image de fond??

Rmunio · Answer

je eux en fait dire, une page html classique avec une image de fond se redimensionnant en fonction de la taille de la fenetre du navigateur

Rmunio · Answer

Apres quelques recherches, j'ai trouvé une méthodes "potable" a savoir configurer son image sur la page html puis placer son texte dans une balise en position relative. voila le code:

Texte Voila Rmunio

Petit pbm avec un background-image

7 réponses

Discussions similaires