Resolution ecran

**orphen** · 17/02/2007, 22h39

Coucou,
je voudrai deja vous dire que j'ai finalement fini de coder ma premiere page web.

un dernier probleme est survenu la compatibilité selon la resolution de l'ecran.
A la base j'ai compris qu'il fallait mettre tous en % pour que ca s'adapte selon la config de l'internaute.

Et j'ai finalement compris que certaine valeur devait rester en px.
j'aimerai savoir comment reperer ces valeur a laisser en px?.

Est ce que vous penser que je devrai retirer mes image que je fait appeler par le css et que je devrai les faire appeler par le code html directement histoire qu'elle ne soit pas deformer selon la resolution?.

j'espere avoir de precieux conseil grace a vous affin de comprendre quelle valeur changer merci enormement du soutien

**orphen** · 19/02/2007, 16h30

bon pour resoudre mon probleme j'ai decider de recoder entierement ma page.
au debut j'ai resussi a faire ce que je voulais:
http://fansyl.com.free.fr/

voila le code html de cette page:

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<!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>www.fansyl.com</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <meta name="keywords"           content="fansyl,infographie,3d,maquetisme,cinéma,compositing,maya" />
	   <meta name="author"             content="deliee fanny,bousselier sylvain" />
	   <meta name="description"        content="Découvrez sur ce site nos portofolios, tutoriaux et projets" />
	   <link href="css/design1.css" rel="stylesheet" type="text/css" media="screen" />
 
   </head>
   <body>
      <div id="fondblanc">
	     <div id="banniere"></div>		 
      </div>
   </body>
</html>

j'ai donc une div fond blanc (bleue sur la page)
une div pour ma banniere.

mon objectif est de faire en sorte que ma banniere ne se deforme pas selon les differente resolutions d'ecran.
jusqu'a maintenan j'ai reussi.
grace a mon code css que voici:

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
body{
width:100%;
background-image: url(../images/imagefond.gif);
width: 100%;
}
 
#fondblanc{
background-color: blue;
width: 85%;
margin: auto;
margin-top: -10px;
}
 
#banniere{
background-image: url(../images/banniere.gif);
background-repeat: no-repeat;
width: 95%;
height: 100px;
margin: auto;
background-position: center;
}

malheureusement j'ai deux autre image que j'aimerai integrer a cette baniere j'ai donc essayer de faire appeler les image par le html
et de voir le resultat en changean les resolution et la la banniere entre a l'interrieur de mon image comme ceci

http://img157.imageshack.us/img157/4043/testkb5.jpg

comment faire pour eviter se probleme?

j'ai essayer de mettre mon icone fansyl dans une autre div
et mettre des valeurs en px ou % pour la longeur ca ne marche pas
je suis vraiment perdu help
merci beaucoup

**Candygirl** · 19/02/2007, 18h12

Envoyé par orphen

au debut j'ai resussi a faire ce que je voulais:
www.fansyl.com.free.fr

Pourrais-tu donner un lien valide, stp

**orphen** · 19/02/2007, 18h26

je vien d'editer mon message

.
n'empeche vous pouvez me croire que ca marche sur toute les resolutions c'est une fois que je remplis ma banniere que je n'arrive plus a controler

**Candygirl** · 20/02/2007, 10h49

C'est pas une quetsion de te croire ou pas mais de mieux cerner le problème qui n'était pas vraiment clair pour moi

Pour déterminer si une image a sa place dans le html ou le css, tu dois déterminer si elle véhicule une information important ou si elle sert juste de déco.

Dans le premier cas tu la mettra dans le html avec l'attribut alt judicieusement renseigné avec le message qu'elle véhicule.

Dans le deuxième tu la mettras en image de fond.

Apparement tu es parvenu au résultat que tu souhaitais ?

**orphen** · 22/02/2007, 01h03

ouais en quelque sorte j'ai refait le codage pour un site fixe ^^.

Resolution ecran

CSS

Discussions similaires

Partager

Partager