Se connecter avec
S'enregistrer | Connectez-vous

Html / css resolution image

Dernière réponse : dans Programmation

Hello à vous :hello: 

Bon voila mon probléme ,

J'ai créér un site www.momaproduction.123.fr
J'ai un probléme mon site est niquel que sur de la résolution 1024 * 768 , quant on augmente la résolution , mon fond d'image se diminue , ou multiplie les images , et si j'agrandis l'image pour la mettre sur d'autre résolution , ca fait bête sur du1024 * 768

si vous aviez du mal à comprendre :

1024 * 768
www.momaproduction.123.fr/sale.GIF
une autre résolution au piff ...
www.momaproduction.123.fr/moma.GIF

voici mon code html et css

HTML =

<BODY BACKGROUND="1234test.jpg">



CSS =

BODY{
background-attachment: fixed; /* Le fond est fixé */
background-position: 100% 100%;
background-repeat: no-repeat;
}

Voilà j'aimerais que cet image soit présent sur toute la page et ne crée pas de blanc ... comme à la deuxiére photo

Je vous remercie de votre aide ...

Jb

Autres pages sur : html css resolution image

Lassé par la pub ? Créez un compte

Bonjour,

alors sit regarde attentivement ton code sur ta page d"acceuil mettont

voila ce que l'on trouve
<body>
<BODY BACKGROUND="sitemoxy.jpg">

enleve <body back......>

ensuite dans ton css
remplace ceci

BODY{
background-attachment: fixed; /* Le fond est fixé */
background-position: 100% 100%;
background-repeat: no-repeat;
}

par ceci

BODY{
background-attachment: fixed; /* Le fond est fixé */
background-position: 100% 100%;
background-repeat: no-repeat;
background-image: url(sitemoxy.jpg);
}

Et rajoute sa

#contenu{
position: relative;
top: 0px;
width:800px;
height:600px;
}
a {
color:white;
}

Remplace le 800 et le 600 par la taille que tu veu
Ensuite

Au debut de ton code

voila ton debut

<head>
<title>M.O.M.A Prod</title>
<!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" xml:lang="fr" >
<head>
<title>style</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="style" href="style.css" />
</head>
</head>

</html>

Remplace le par sa
<html>
<head>
<title>M.O.M.A Prod</title>
<!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" xml:lang="fr" > <link rel="stylesheet" media="screen" type="text/css" title="style" href="style.css" />
</head>


Ensuite la fin de ton code
Toi tu a ceci


</body>
</Html>
</font>
<head>
<div id="texte">
</div>
</p>


remplace le par ceci


</body>
</Html>

Et l'interieur

voici ton code

</p> <BODY LINK ="white">
<br>
<br>
<img src="http://www.dinosoria.com/GEWIT12.GIF"ALIGN=left><img src="http://www.dinosoria.com/GEWIT12.GIF"ALIGN=left><img src="http://www.dinosoria.com/GEWIT12.GIF"ALIGN=RIGHT><img src="http://www.dinosoria.com/GEWIT12.GIF"ALIGN=RIGHT>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br><center> <font color=white> <FONT SIZE=5> <font face="Bradley Hand ITC"> <b> <A HREF = "index2.htm">ENTRER SUR LE SITE </b> </center><a></font>
<p>
<h5><right><font color=white>résolution 1024 * 768</right>

Remplace le par ceci

<div id="contenu">
<br>
<br>
<img src="http://www.dinosoria.com/GEWIT12.GIF" ALIGN=left><img src="http://www.dinosoria.com/GEWIT12.GIF" ALIGN=left><img src="http://www.dinosoria.com/GEWIT12.GIF" ALIGN=RIGHT><img src="http://www.dinosoria.com/GEWIT12.GIF"ALIGN=RIGHT>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br><center><font color="white" SIZE="5" face="Bradley Hand ITC"> <b> <A HREF = "index2.htm">ENTRER SUR LE SITE </a></b></font>
<p>
<h5><right><font color=white>résolution 1024 * 768</font></right></h5></p>
</div>

Lassé par la pub ? Créez un compte
Tom's guide dans le monde