resolution automatique site web

resolution automatique site web - HTML/CSS - Programmation

Marsh Posté le 06-04-2009 à 10:34:57    

bonjour j'ai un site internet professionnel, mais je n'arrive pas a mettre la résolution sur  automatique pour qu'il s'adapte sur les différente taille d'écran y a t'il un script ou autre? merci.

Message cité 1 fois
Message édité par DiNozzo93 le 06-04-2009 à 12:38:57
Reply

Marsh Posté le 06-04-2009 à 10:34:57   

Reply

Marsh Posté le 06-04-2009 à 10:38:40    

tu nous la refait en français stp (avec une orthographe correcte et un minimum de ponctuation) ?

Reply

Marsh Posté le 06-04-2009 à 12:40:21    

voila M'sieur et désolé j'ai corrigé avec le correcteur automatique de firefox j'espère qu'il a pas fait d'erreur.

Reply

Marsh Posté le 06-04-2009 à 13:09:23    

DiNozzo93 a écrit :

bonjour j'ai un site internet professionnel, mais je n'arrive pas a mettre la résolution sur  automatique pour qu'il s'adapte sur les différente taille d'écran y a t'il un script ou autre? merci.

Demander au "professionnel" qui a livré le site  :o

DiNozzo93 a écrit :

voila M'sieur et désolé j'ai corrigé avec le correcteur automatique de firefox j'espère qu'il a pas fait d'erreur.

[:negro] Il manque la ponctuation, mais on fera avec...
 
Si je comprends bien :
- Tu as un site internet.
- Tu voudrais que l'affichage s'adapte à la résolution de l'écran.
 
=> Sans le code ou au moins l'adresse du site, on ne peux rien faire

Reply

Marsh Posté le 06-04-2009 à 13:40:05    

désolé mais je savait pas si j'avais le droit de donner le lien alors voila l'adresse: http://www.tapisserie-lecoq.fr/

Reply

Marsh Posté le 06-04-2009 à 15:31:01    

Si je comprends bien ta demande, c'est par les feuilles de style que ca passe en donnant des valeurs en %
 
ex: On veut que le "body" prenne 80% de la fenetre, en css ca donne:
body{ width: 80%;}
 
Bref au vu du rapide coup d'oeil sur le code source, y'a du boulot...

Reply

Marsh Posté le 06-04-2009 à 16:40:48    

+1, j'ai jeté un coup d'oeil et j'ai abandonné :(
Abandonne les frames.

Reply

Marsh Posté le 06-04-2009 à 17:28:15    

ouai pas tres propre tout ca, y'a pas de dtd, et toute les balie meta name tu peux les virer,
apres comme dis aspirateur, tu joue avec les pourcents, mais aussi avec les valeur min
 
body{  
width: 80%;
min-width:800px;
}

Reply

Marsh Posté le 06-04-2009 à 17:29:37    

min-xxx çà marche pas sous certaines versions d'IE non ?

Reply

Marsh Posté le 06-04-2009 à 17:34:04    

exact mais tu peux feinter tout en etant valide
 
par exemple


#main{
height : 800px;
}
 
html > body #main {
height : auto;
min-height : 800px;
overflow : hidden;
}


 
 
et la ta du min-height par exemple, donc super pratique pour les footer


Message édité par stealth35 le 06-04-2009 à 17:34:53
Reply

Marsh Posté le 06-04-2009 à 17:34:04   

Reply

Marsh Posté le 06-04-2009 à 17:38:04    

ok mais je place ce code a quel en droit ??

Reply

Marsh Posté le 06-04-2009 à 17:40:52    

dans ta balise style  
 


<style type="text/css">
BODY {
scrollbar-face-color: #992A1C;  
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #992A1C;
scrollbar-3dlight-color: #992A1C;  
scrollbar-darkshadow-color: #992A1C;  
scrollbar-track-color: #992A1C;  
scrollbar-arrow-color: #FFFFFF;
}
</style>


 
par contre revoi un peu l'architechture de ton site parce c'est pas tres propre


Message édité par stealth35 le 06-04-2009 à 17:41:28
Reply

Marsh Posté le 06-04-2009 à 17:55:22    

franchement si c'est un pro qui t'as fait ca, il est doit pas avoir beaucoup d'expérience(je parle niveau codage, pas niveau graphisme)
 
utilise les feuilles CSS, car la si tu doit toucher a une mise en forme t'es oblige de toucher partout,

Reply

Marsh Posté le 07-04-2009 à 10:26:48    

ok mais je fait comment pour utilisé les feuilles CSS ??

Reply

Marsh Posté le 07-04-2009 à 10:32:25    

décidément je pige rien, j'ai mis les codes avec la balise style mais ça ne marche pas il n'y avait pas de balise style ou alors je sait pas sur quel fichier les metres

Reply

Marsh Posté le 07-04-2009 à 10:42:40    

les feuilles css, c'est pas trés compliqué, au lieu de mettre tes parametres de style dans les balises, tu les mets dans des groupes de parametres css,  
tu as plusieurs possibilites
.input{ color:#FFF} //affectera toutes les balises input de la page
#colorer { color:#FFF} //affectera toutes les objets avec la class colorer par exemple <div class="colorer" ></div>
ou tu peut combiner  
.input colorer { color:#FFF} //affectera toutes les balises input de la page avec la class colorer
<input name="toto"  /> //ne sera pas pris
<input name="toto" class="colorer"  /> le style se pris en compte
 
tu as plein de tuto
http://fr.html.net/tutorials/css/
 
si c'est un professionnel qui l'as fait demande lui de le faire, il doit certainnement savoir le faire

Reply

Marsh Posté le 07-04-2009 à 10:43:21    

ouaip avant de commencer, DiNozzo93, apprends en davantage sur les sélecteurs.

Reply

Marsh Posté le 07-04-2009 à 11:01:17    

infoman64 a écrit :

si c'est un professionnel qui l'as fait demande lui de le faire, il doit certainnement savoir le faire


 [:plusun]  
Soit le professionnel en question est capable de te refaire correctement le site, soit il faut changer de "professionnel".
Et tu devrais voir le contrat, si tu n'as pas moyen de lui faire faire ça gratis.

Reply

Marsh Posté le 07-04-2009 à 20:52:08    

si je fait une feuille de style.css qu'est ce que je doit mettre exactement pour rendre mon site en automatique ??

Reply

Marsh Posté le 08-04-2009 à 08:51:39    

Je crois que tu te rends pas bien compte, c'est pas juste une ligne a mettre dans un fichier CSS. Il faut que tu re-code presque tout (ce qui, entre nous, ne serai pas un mal).
 
Si tu veux te lancer dans l'aventure il existe pas mal de tuto CSS (une recherche google t'aidera) et en cas de pépin, il suffit de venir nous voir avec ton code et on te filera un coup de main.

Reply

Marsh Posté le 09-04-2009 à 10:44:54    

merci "aspirateur" j'aimerai savoir quel fichier html je doit re-codé pour avoir une base de ce que je doit faire

Reply

Marsh Posté le 09-04-2009 à 11:41:16    

Tout.

Reply

Marsh Posté le 09-04-2009 à 15:33:51    

Comme le dit l'ami "macgawel": tout.
 
Je t'explique pourquoi. Aujourd'hui, dans ton site, chaque page contient les paramètres d'affichage appelé "style". Donc si tu veux faire une modif de style, tu dois modifier toutes les pages.
 
Un exemple, voici un extrait de 2 pages html ou le style est directement dans la page:
 
Page1.html

Code :
  1. <h1 style="font-size:small">Titre le la page 1></h1>


 
Page2.html

Code :
  1. <h1 style="font-size:small">Titre le la page 2></h1>


 
Dans cet exemple, le style de h1 est défini à chaque fois. Donc si tu veux que tous les titres de ton site soient en gras, il faut que tu modifie chaque page.
 
 
Le principe de la feuille de style, c'est d'avoir un fichier séparé qui contient le style. Je reprends mon exemple:
 
Page1.html

Code :
  1. <h1>Titre le la page 1></h1>


 
Page2.html

Code :
  1. <h1>Titre le la page 2></h1>


 
Style.css (c'est la fameuse feuille de style)
 

Code :
  1. h1{ font-size:small; }


 
Dans cette configuration, si je veux mettre tous les titres en gras, il me suffit de modifier le fichier style.css et cela s'appliquera à l'ensemble du site.
 
 
Toi, tu veux modifier la structure de ton site, donc ce n'est pas qu'une ou 2 lignes à modifier, mais l'ensemble du site.
 
C'est plus clair pour toi?

Reply

Marsh Posté le 09-04-2009 à 21:39:29    

oui je pense que oui merci pour tes éclaircissement, si je supprime tout les paramètre pour la taille de toutes les page et que je créer le fichier style.css es que ça marche ??

Reply

Marsh Posté le 10-04-2009 à 08:56:16    

Oui, en théorie. Seulement il faut aussi adapter la taille des caractères, des tableaux, des formulaires.....
 
Bon courage

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed