Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.


 
AccueilSiteDernières imagesRechercherS'enregistrerConnexion
Le Deal du moment : -20%
-20% Récupérateur à eau mural 300 ...
Voir le deal
79 €

 :: HTML/ CSS/ JavaScript/ PHP :: Aide
 

 Recadrer le site par rapport a la resolution de l'ecran

 Voir le sujet précédent Voir le sujet suivant Aller en bas 
Auteur Message
kujaff
Membre royal(e)
Membre royal(e)
kujaff

Masculin Nombre de messages : 685
Age : 32
Point(s) Fort(s) : Mapping, debut dans les évents.
Point(s) Faible(s) : Orthographe...
Niveau RPG Maker : S'accroie de nuits en nuits
Logiciel préféré : RMXP
Date d'inscription : 14/05/2007

Recadrer le site par rapport a la resolution de l'ecran Vide
MessageSujet: Recadrer le site par rapport a la resolution de l'ecran   Recadrer le site par rapport a la resolution de l'ecran Icon_minitimeMar 30 Juin 2009 - 17:10
Salut...

Je desirais savoir quelle est le code html ou CSS pour faire en sorte que le site se reproportionne a la resolution de l'ecran.

Merci d'avance.

Cordialement,
KujaFF.
Revenir en haut Aller en bas
Samarium
Conquérant
Conquérant
Samarium

Masculin Nombre de messages : 2183
Age : 35
Point(s) Fort(s) : Programmation : PHP, Ruby, Java
Point(s) Faible(s) : Dessin
Niveau RPG Maker : Expert
Logiciel préféré : RMXP ; IGM
Date d'inscription : 05/08/2006

Recadrer le site par rapport a la resolution de l'ecran Vide
MessageSujet: Re: Recadrer le site par rapport a la resolution de l'ecran   Recadrer le site par rapport a la resolution de l'ecran Icon_minitimeMar 30 Juin 2009 - 17:39
Bonjour,

Si tu parles de design extensible, tu peux utiliser un tableau en HTML :

Code:
<table width="100%">
<!-- Contenu du tableau -->
</table>

ou en CSS :

Code:
body {
margin: auto;
width: 100%;
}
Revenir en haut Aller en bas
https://rpgcreative.forumgaming.fr
kujaff
Membre royal(e)
Membre royal(e)
kujaff

Masculin Nombre de messages : 685
Age : 32
Point(s) Fort(s) : Mapping, debut dans les évents.
Point(s) Faible(s) : Orthographe...
Niveau RPG Maker : S'accroie de nuits en nuits
Logiciel préféré : RMXP
Date d'inscription : 14/05/2007

Recadrer le site par rapport a la resolution de l'ecran Vide
MessageSujet: Re: Recadrer le site par rapport a la resolution de l'ecran   Recadrer le site par rapport a la resolution de l'ecran Icon_minitimeMar 30 Juin 2009 - 18:22
Salut et merci,
j'ai essayer de le mettre derrière les premier code CSS (pour le CSS) et pour le HTML, je l'ai mit après le body, et avant le /body...
Rien ne se passe...
Je te colle ici ma page, peuyx tu me la modifier et me dire où le mettre s'il te plait ?

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>intro</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body,td,th {
   color: #999999;
}
body {
   background-color: #000000;
}

#Layer4 {
   position:absolute;
   left:733px;
   top:522px;
   width:216px;
   height:30px;
   z-index:4;
}
#Layer5 {
   position:absolute;
   left:869px;
   top:550px;
   width:103px;
   height:36px;
   z-index:4;
}
.Style1 {
   font-size: larger;
   position: absolute;
   left: 489px;
   top: 342px;
   width: 78px;
   height: 33px;
   z-index: 3;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}
#Layer1 {
   position:absolute;
   left:-7px;
   top:2px;
   width:379px;
   height:153px;
   z-index:5;
}
#Layer2 {
   position:absolute;
   left:414px;
   top:405px;
   width:145px;
   height:88px;
   z-index:6;
}
#Layer3 {
   position:absolute;
   left:2px;
   top:1px;
   width:221px;
   height:128px;
   z-index:1;
}
#Layer6 {
   position:absolute;
   left:325px;
   top:401px;
   width:161px;
   height:126px;
   z-index:2;
}
#Layer7 {
   position:absolute;
   left:1px;
   top:2px;
   width:201px;
   height:101px;
   z-index:1;
}
#Layer8 {
   position:absolute;
   left:-91px;
   top:-119px;
   width:1025px;
   height:728px;
   z-index:1;
}
#Layer9 {
   position:absolute;
   left:1px;
   top:1px;
   width:172px;
   height:133px;
   z-index:2;
}
#Layer10 {
   position:absolute;
   left:24px;
   top:10px;
   width:147px;
   height:97px;
   z-index:2;
}
#Layer11 {
   position:absolute;
   left:1px;
   top:1px;
   width:177px;
   height:119px;
   z-index:2;
}
#Layer12 {
   position:absolute;
   left:2px;
   top:0px;
   width:1056px;
   height:535px;
   z-index:1;
}
#Layer13 {
   position:absolute;
   left:6px;
   top:0px;
   width:166px;
   height:121px;
   z-index:1;
}
#Layer14 {
   position:absolute;
   left:2px;
   top:0px;
   width:136px;
   height:100px;
   z-index:1;
}
#Layer15 {
   position:absolute;
   left:424px;
   top:368px;
   width:126px;
   height:100px;
   z-index:2;
}
#Layer16 {
   position:absolute;
   left:0px;
   top:2px;
   width:265px;
   height:153px;
   z-index:1;
}
#Layer17 {
   position:absolute;
   left:431px;
   top:356px;
   width:183px;
   height:177px;
   z-index:2;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="Layer16"><img src="intro/gazcarbo.jpg" width="1010" height="573"></div>
<div id="Layer17"><a href="index2.htm"><img src="intro/bouton.gif" width="176" height="184" border="0"></a></div>
</body>
</html>

Cordialement,
KujaFF
Revenir en haut Aller en bas
Samarium
Conquérant
Conquérant
Samarium

Masculin Nombre de messages : 2183
Age : 35
Point(s) Fort(s) : Programmation : PHP, Ruby, Java
Point(s) Faible(s) : Dessin
Niveau RPG Maker : Expert
Logiciel préféré : RMXP ; IGM
Date d'inscription : 05/08/2006

Recadrer le site par rapport a la resolution de l'ecran Vide
MessageSujet: Re: Recadrer le site par rapport a la resolution de l'ecran   Recadrer le site par rapport a la resolution de l'ecran Icon_minitimeMar 30 Juin 2009 - 21:46
Avec ce code, le div "Layer16" prend bien toute la largeur de la page (avec une couleur blanche) :

Code:

body {
  background-color: #000000;
  margin: auto;
  width: 100%;
}


#Layer16 {
  background-color: #ffffff;
}
Revenir en haut Aller en bas
https://rpgcreative.forumgaming.fr
harvox
Membre royal très actif
Membre royal très actif
harvox

Masculin Nombre de messages : 1187
Point(s) Fort(s) : Event/mapping
Point(s) Faible(s) : ruby ?
Niveau RPG Maker : Malgrès mes questions je connais pas mal le logiciel, je dirais 7/10
Date d'inscription : 05/04/2007

Recadrer le site par rapport a la resolution de l'ecran Vide
MessageSujet: Re: Recadrer le site par rapport a la resolution de l'ecran   Recadrer le site par rapport a la resolution de l'ecran Icon_minitimeMer 1 Juil 2009 - 16:04
Il faut que ton design soit extensible.
C'est à dire que tes divs s'agrandissent en fonction de ce qu'elle contiennent et en fonction de la page.
Exprimer en % lorsque c'est necessaire etc...Fait une recherche sur google : Design extensible.
Il faut tout adapter.
Revenir en haut Aller en bas
http://teamrpgmakerxp.forumactif.com/
kujaff
Membre royal(e)
Membre royal(e)
kujaff

Masculin Nombre de messages : 685
Age : 32
Point(s) Fort(s) : Mapping, debut dans les évents.
Point(s) Faible(s) : Orthographe...
Niveau RPG Maker : S'accroie de nuits en nuits
Logiciel préféré : RMXP
Date d'inscription : 14/05/2007

Recadrer le site par rapport a la resolution de l'ecran Vide
MessageSujet: Re: Recadrer le site par rapport a la resolution de l'ecran   Recadrer le site par rapport a la resolution de l'ecran Icon_minitimeMer 1 Juil 2009 - 19:23
J'ai essayer de faire tout se que vous m'avez dit, mais l'extensible ne fait pas grand chose, j'ai des rectancle blanc aussi...

J'y capte rien...

Quelque ne pourrais pas me modifier ce que j'ai donner ? Au moin pour un, comme ça je verrais ou faut placer.

cordialement.
Revenir en haut Aller en bas
harvox
Membre royal très actif
Membre royal très actif
harvox

Masculin Nombre de messages : 1187
Point(s) Fort(s) : Event/mapping
Point(s) Faible(s) : ruby ?
Niveau RPG Maker : Malgrès mes questions je connais pas mal le logiciel, je dirais 7/10
Date d'inscription : 05/04/2007

Recadrer le site par rapport a la resolution de l'ecran Vide
MessageSujet: Re: Recadrer le site par rapport a la resolution de l'ecran   Recadrer le site par rapport a la resolution de l'ecran Icon_minitimeMer 1 Juil 2009 - 21:28
Ce qui doit être étiré en longueur/largeur en fonction du navigateur, résolution met le en %.
Adapte en mettant tes coins dans une div etc...

Yahoo : design extensible xhtml 1er lien : http://www.siteduzero.com/forum-83-368830-p1-design-extensible.html
Revenir en haut Aller en bas
http://teamrpgmakerxp.forumactif.com/
kujaff
Membre royal(e)
Membre royal(e)
kujaff

Masculin Nombre de messages : 685
Age : 32
Point(s) Fort(s) : Mapping, debut dans les évents.
Point(s) Faible(s) : Orthographe...
Niveau RPG Maker : S'accroie de nuits en nuits
Logiciel préféré : RMXP
Date d'inscription : 14/05/2007

Recadrer le site par rapport a la resolution de l'ecran Vide
MessageSujet: Re: Recadrer le site par rapport a la resolution de l'ecran   Recadrer le site par rapport a la resolution de l'ecran Icon_minitimeMer 1 Juil 2009 - 21:37
Mais pour le layer 16, je le remplace entierement ?
Revenir en haut Aller en bas
Contenu sponsorisé




Recadrer le site par rapport a la resolution de l'ecran Vide
MessageSujet: Re: Recadrer le site par rapport a la resolution de l'ecran   Recadrer le site par rapport a la resolution de l'ecran Icon_minitime
Revenir en haut Aller en bas
 

Recadrer le site par rapport a la resolution de l'ecran

 Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum: Vous ne pouvez pas répondre aux sujets dans ce forum
 :: HTML/ CSS/ JavaScript/ PHP :: Aide -
|
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit