Votre question

Html / css resolution image

Tags :
  • Arrière plan
  • Programmation
Dernière réponse : dans Programmation
28 Mars 2007 22:35:39

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

29 Mars 2007 03:28:49

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>

29 Mars 2007 10:46:23

Merci , mais comment le rendre accesible pour toute les résolutions ?
Contenus similaires
29 Mars 2007 13:03:00

Dans ce cas la.

Il faut que trouve un code. Je ne sait pus trop ou
qui lorsque tes page seront ouvert mettera le fenetre du navigateur a la taille voulue et srea bloqué. PAr exemple en 800 par 600
29 Mars 2007 14:10:48

Aprés recherche pas de succés , pas moyen de trouver le code :s
31 Mars 2007 20:18:07

C'est un code pour les popups
recherche dans popup
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS