Adapter un site à tous les écrans
soledad37
Messages postés
11
Date d'inscription
Statut
Membre
Dernière intervention
-
txiki Messages postés 6596 Date d'inscription Statut Contributeur Dernière intervention -
txiki Messages postés 6596 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Je viens de faire un site sans grande prétention car je n'y connaissais rien. j'apprends au fur et à mesure mais chaque étape est une nouvelle épreuve. Mon site ne s'adape pas aux écrans des visiteurs. Certains voient la page en entier et certians sont obligés de "scroller". C'es pénible. J'ai regardé un peu sur le net, les conseils. regardé mon script mais je ne vois pas ce que je dois faire
L'adresse de mon site est http://wwwdesvalleesengissoises.com
Quelqu'un pourrait il me guider pour insérer les bonnes données dans mon scripts pour que le site s'dapate en fonction des images du visiteur.
J'ai trouvé sur un site qu'il fallait mettre un texte dans ce genre
<style type="text/css">
body {
text-align: left;
}
#page {
margin: 0 auto; /* zéro ou une autre valeure */
width: 100%;
max-width: 950px;
min-width: 740px;
}
</style>
<!--[if IE]>
<style type="text/css" media="screen">
body {
text-align: center;
}
#page {
width:expression(document.body.clientWidth > 950 ?
"950px" : "740px" );
}
</style>
Mais je ne vois pas du tout où le mettre ni c'est ce qu'il faut insérer. Dur, dur de débuter...
Merci d'avance
Je viens de faire un site sans grande prétention car je n'y connaissais rien. j'apprends au fur et à mesure mais chaque étape est une nouvelle épreuve. Mon site ne s'adape pas aux écrans des visiteurs. Certains voient la page en entier et certians sont obligés de "scroller". C'es pénible. J'ai regardé un peu sur le net, les conseils. regardé mon script mais je ne vois pas ce que je dois faire
L'adresse de mon site est http://wwwdesvalleesengissoises.com
Quelqu'un pourrait il me guider pour insérer les bonnes données dans mon scripts pour que le site s'dapate en fonction des images du visiteur.
J'ai trouvé sur un site qu'il fallait mettre un texte dans ce genre
<style type="text/css">
body {
text-align: left;
}
#page {
margin: 0 auto; /* zéro ou une autre valeure */
width: 100%;
max-width: 950px;
min-width: 740px;
}
</style>
<!--[if IE]>
<style type="text/css" media="screen">
body {
text-align: center;
}
#page {
width:expression(document.body.clientWidth > 950 ?
"950px" : "740px" );
}
</style>
Mais je ne vois pas du tout où le mettre ni c'est ce qu'il faut insérer. Dur, dur de débuter...
Merci d'avance
A voir également:
- Adapter un site à tous les écrans
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site x - Guide
- Site pour vendre des objets d'occasion - Guide
17 réponses
Bonjour,
Je t'annonce que tu veux créer un design extensible !!! Comme tu es débutant beaucoup pourraient croire que tu n'as pas les compétences pour ça mais crois moi ce n'est pas beaucoup plus compliqué. Bon les design extensibles complexes demande beaucoup plus de compétences mais bon pour ton site c'est simple je pense.
Tu ne dois pas utiliser les px (pixels) mais les % (pourcentage) comme ceci :
#header
{
width: 100%;
}
#menu_gauche
{
width: 25%;
// inutile de mettre float: left; car un élément est par default mit à gauche ;)
}
#corps
{
width: 70%; // 5% de marge entre le menu de gauch et le corps
float: right;
}
et le code XHTML :
<div id="header"></div>
<div id="menu_gauche"></div>
<div id="corps"></div>
Bon bien sur niveau CSS et XHTML c'est vraiment le code de base et il est même pas assez complet mais c'est pour que tu apprenne que je vais cela. La je t'ai donné l'astuce pour créer un design extensible ;).
Cordialement,
Dev-master.
Je t'annonce que tu veux créer un design extensible !!! Comme tu es débutant beaucoup pourraient croire que tu n'as pas les compétences pour ça mais crois moi ce n'est pas beaucoup plus compliqué. Bon les design extensibles complexes demande beaucoup plus de compétences mais bon pour ton site c'est simple je pense.
Tu ne dois pas utiliser les px (pixels) mais les % (pourcentage) comme ceci :
#header
{
width: 100%;
}
#menu_gauche
{
width: 25%;
// inutile de mettre float: left; car un élément est par default mit à gauche ;)
}
#corps
{
width: 70%; // 5% de marge entre le menu de gauch et le corps
float: right;
}
et le code XHTML :
<div id="header"></div>
<div id="menu_gauche"></div>
<div id="corps"></div>
Bon bien sur niveau CSS et XHTML c'est vraiment le code de base et il est même pas assez complet mais c'est pour que tu apprenne que je vais cela. La je t'ai donné l'astuce pour créer un design extensible ;).
Cordialement,
Dev-master.
Je vous remercie de vos réponses mais comme je suis trés débutante je ne voudrais pas faire d'erreurs. Dev-master, tu me donnes quelques éléments d'explications mais j'avoue que ça me parait flou. Le code XHTML je dois l'inésrer entre les balises head, au début, c'est bien ça?
Et le reste dans chaque partie de mon script. je suppose que mon script se décompose comme suit
*une partie titre
*une partie menu à gaudhe dans lequel je mettrai l'indication menu gauche
*une partie au milieu dans le quel je mettrai l'indication corps
et rien pour le menu de droite ? car mon site comporte un pavé titre, un menu à gauche, une partie centrale et un menu à droite. Je suppose qu'il faut que je complète mon script avec tes données et que les indication widht sont déjà présentes mais mal configurées ou dois je les créer de toute pièce?
Quant au XHTML tu me dis qu'il n'est pas complet et que tu fais ça pour que j'apprenne mais copmment savoir ce qui manque quand tu n'y conais rien?
" Un ami c'est celui qui te connaît et qui t'aime quand même..."
Et le reste dans chaque partie de mon script. je suppose que mon script se décompose comme suit
*une partie titre
*une partie menu à gaudhe dans lequel je mettrai l'indication menu gauche
*une partie au milieu dans le quel je mettrai l'indication corps
et rien pour le menu de droite ? car mon site comporte un pavé titre, un menu à gauche, une partie centrale et un menu à droite. Je suppose qu'il faut que je complète mon script avec tes données et que les indication widht sont déjà présentes mais mal configurées ou dois je les créer de toute pièce?
Quant au XHTML tu me dis qu'il n'est pas complet et que tu fais ça pour que j'apprenne mais copmment savoir ce qui manque quand tu n'y conais rien?
" Un ami c'est celui qui te connaît et qui t'aime quand même..."
Bonjour,
Tous ces bons conseils ne pourront rien contre les choix de mise en page que tu as faits.
Dans la page que tu indiques, on trouve :
Colonne de gauche
chiensderace_banniere.gif
468px
Colonne du centre
freebanner[1].gif
460px
Colonne de droite
anfo-logo.gif
283px
Donc, sans compter ce qu'il y a encore autour, ta page ne peux être plus étroite que :
468px + 460px + 283px = 1211px
CQFD.
++
Regarde http://cjoint.com/data/bDumTg6MrM.htm les images font 80px.
--
Tous ces bons conseils ne pourront rien contre les choix de mise en page que tu as faits.
Dans la page que tu indiques, on trouve :
Colonne de gauche
chiensderace_banniere.gif
468px
Colonne du centre
freebanner[1].gif
460px
Colonne de droite
anfo-logo.gif
283px
Donc, sans compter ce qu'il y a encore autour, ta page ne peux être plus étroite que :
468px + 460px + 283px = 1211px
CQFD.
++
Regarde http://cjoint.com/data/bDumTg6MrM.htm les images font 80px.
--
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjours,
soledad37 : si tu veux je t'explique par messenger ?!
Que je t'explique bien tout...etc. Si tu veux, envoie moi un message privée avec ton adresse e-mail.
Cordialement,
Dev-master.
PS: je te conseil d'apprendre le XHTML et le CSS ;).
soledad37 : si tu veux je t'explique par messenger ?!
Que je t'explique bien tout...etc. Si tu veux, envoie moi un message privée avec ton adresse e-mail.
Cordialement,
Dev-master.
PS: je te conseil d'apprendre le XHTML et le CSS ;).
>> dev-master
Tss, tss, tss.
Tu es sur un forum ici.
Il est préférable que tout le monde puisse profiter de tes bons conseils.
Merci d'éviter ce genre d'agissement.
- -
>> soledad37
Ta page n'est pas un script.
Par contre, elle en contient.
“Un script peut être notamment un programme associé à un document décrit à l’aide d’un langage de balisage et destiné à améliorer l’interactivité.”.
dev-master te propose de tout changer dans ton site fait de tableaux et de remplacer cette structure par des blocs.
En xHTML ou HTML, peu importe.
Quelques exemples ?
http://blog.html.it/layoutgala/
https://static.html.it/app/uploads/blog/layoutgala/LayoutGala14.html
http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS
http://css.alsacreations.com/modeles/modele6.htm
De toute façon, ça ne changera rien.
--
Tss, tss, tss.
Tu es sur un forum ici.
Il est préférable que tout le monde puisse profiter de tes bons conseils.
Merci d'éviter ce genre d'agissement.
- -
>> soledad37
Ta page n'est pas un script.
Par contre, elle en contient.
“Un script peut être notamment un programme associé à un document décrit à l’aide d’un langage de balisage et destiné à améliorer l’interactivité.”.
dev-master te propose de tout changer dans ton site fait de tableaux et de remplacer cette structure par des blocs.
En xHTML ou HTML, peu importe.
Quelques exemples ?
http://blog.html.it/layoutgala/
https://static.html.it/app/uploads/blog/layoutgala/LayoutGala14.html
http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS
http://css.alsacreations.com/modeles/modele6.htm
De toute façon, ça ne changera rien.
--
ben en fait n'y connaissant rien j'ai pris une maquette toute faite que propose le site kissdesign et que j'ai rempli avec mes éléments. Je me uiis aperçue à la fin à l'aide de conseils ça et là que le premier script était loin d'être bon. Rien n'était rempli donc j'ai corrigé les balises meta de la partie head afin de pouvoir faire enregistrer mon site map et être enregistrer en google analytic etc... mais effectivement quand j'ai voulu faire enregistrer mon site sur referencement-fr.com ils me l'ont refusé pour cause de script... Je ne demande qu'à modifier tout mais j'ai besoin d'un tuteur qui me guide afin de comprendre te de refaire tout comme il faut. Si j'ai bien compris. Les bannières que j'ai mis seraient trop larges ou mal positionnées. Il faudrait que je retombe à 800px tout compris c'est bien ça. Après tout ces bannières sont des liens retour, je peux les mettre dans ma page de lien ou les réduire, non ?
J'ai lu des articles sur le html et sur le css mais ça me semble bien compliqué; Avez vous des supports qu'un débtuant puisse comprendre plus facilement parce qu'en général, je ne sais pas si c'est le monde de l'informatique mais les explications sont sombres pour quelqu'un qui débute.
Mon script n'est pas un script mais il en contient. Quelqu'un peut il se pencher sur celui de la page d'accueil et me dire comment le modifier comme ça je le ferai pour toutes les autres pages. cela expliquerait pourquoi je trouve que le référencement est plus ou moins efficace ??? J'ai mon site mais après il fauit que je mette mon savoir en fonction pour un autre site de protection animale et là il faut que ce soit bien fait donc c'est QFD il faut que je comprenne tout...
Je n'ai pas MSN de toutes façons mais s'il faut dégager le forum car cela devient trop long et ennuyeux je peux téléphoner opu donner mon adresse mail...
J'ai lu des articles sur le html et sur le css mais ça me semble bien compliqué; Avez vous des supports qu'un débtuant puisse comprendre plus facilement parce qu'en général, je ne sais pas si c'est le monde de l'informatique mais les explications sont sombres pour quelqu'un qui débute.
Mon script n'est pas un script mais il en contient. Quelqu'un peut il se pencher sur celui de la page d'accueil et me dire comment le modifier comme ça je le ferai pour toutes les autres pages. cela expliquerait pourquoi je trouve que le référencement est plus ou moins efficace ??? J'ai mon site mais après il fauit que je mette mon savoir en fonction pour un autre site de protection animale et là il faut que ce soit bien fait donc c'est QFD il faut que je comprenne tout...
Je n'ai pas MSN de toutes façons mais s'il faut dégager le forum car cela devient trop long et ennuyeux je peux téléphoner opu donner mon adresse mail...
Je vous demande de m'escuser Gihef.
ReBonjours,
Je te propose donc de recréer la structure de ton site sous forme de block, donc voici le code XHTML :
(je ne met pas le doctype pour ne pas surcharger mon post.)
<body>
<div id="header"></div> <!-- haut de page -->
<div id="menu_gauche"></div>
<div id="corps"></div>
<div id="footer"></div> <!-- bas de page -->
</body>
Maintenant le code CSS :
#header
{
width: 100%;
height: 150px;
background-color: blue;
}
#corps
{
width: 78%;
height: 100%;
border: 1px solid blue;
float: right;
border-top: none;
border-right: none;
margin-bottom: 5px;
}
#menu_gauche
{
width: 20%;
height: 100%;
float: left;
border: 1px solid blue;
border-top: none;
border-left: none;
padding: 3px;
margin-bottom: 5px;
}
#footer
{
width: 100%;
text-align: center;
clear: both;
border: 1px solid blue;
}
Voici un code complet de base. Si tu as d'autres problèmes dit le moi. Au faite pour lié ta feuille de style (fichier .css) à tes pages il faut que tu rajoute une ligne entre les balises <head> et </head> :
<link rel="stylesheet" media="screen" type="text/css" title="design" href="lenomdetonfichier.css" />
Cordialement,
Dev-master.
ReBonjours,
Je te propose donc de recréer la structure de ton site sous forme de block, donc voici le code XHTML :
(je ne met pas le doctype pour ne pas surcharger mon post.)
<body>
<div id="header"></div> <!-- haut de page -->
<div id="menu_gauche"></div>
<div id="corps"></div>
<div id="footer"></div> <!-- bas de page -->
</body>
Maintenant le code CSS :
#header
{
width: 100%;
height: 150px;
background-color: blue;
}
#corps
{
width: 78%;
height: 100%;
border: 1px solid blue;
float: right;
border-top: none;
border-right: none;
margin-bottom: 5px;
}
#menu_gauche
{
width: 20%;
height: 100%;
float: left;
border: 1px solid blue;
border-top: none;
border-left: none;
padding: 3px;
margin-bottom: 5px;
}
#footer
{
width: 100%;
text-align: center;
clear: both;
border: 1px solid blue;
}
Voici un code complet de base. Si tu as d'autres problèmes dit le moi. Au faite pour lié ta feuille de style (fichier .css) à tes pages il faut que tu rajoute une ligne entre les balises <head> et </head> :
<link rel="stylesheet" media="screen" type="text/css" title="design" href="lenomdetonfichier.css" />
Cordialement,
Dev-master.
Salut à tous,
ça veut dire que tu écris une page qui aura l'extension .css (pour Cascading Style Sheet) ou feuille de style en cascade in french. C'est un fichier, qui sera totalement indépendant de tes pages, et qui défini les div (en bloc ou inline si tu veux que ces div soient l'un a coté de l'autre).
Un titre (<h1> ... </h1>) par exemple est de type bloc : ça veut dire que le suivant sera trouvera dessous.
Cette façon de faire t'évitera d'écrire ces choses sur toutes tes pages, et si un jour, tu veux modifier quelque chose, tu modifiera dans ta feuille de style. La modif s'appliquera alors sur toutes tes pages.
Ex: si tu veux un titre en bleu, tu écrira:
Ceci veut dire que lorsque tu mettra un h1 dans une de tes pages, le titre sera bleu sans que tu fasse quoi que ce soit.
Note: cette feuille de style tu peux la déposer à la racine où dans un dossier de ton site. La seule chose importante, c'est que tu précise son chemin exact dans le <head> et </head> comme dit plus haut.
Bon courage !
ça veut dire que tu écris une page qui aura l'extension .css (pour Cascading Style Sheet) ou feuille de style en cascade in french. C'est un fichier, qui sera totalement indépendant de tes pages, et qui défini les div (en bloc ou inline si tu veux que ces div soient l'un a coté de l'autre).
Un titre (<h1> ... </h1>) par exemple est de type bloc : ça veut dire que le suivant sera trouvera dessous.
Cette façon de faire t'évitera d'écrire ces choses sur toutes tes pages, et si un jour, tu veux modifier quelque chose, tu modifiera dans ta feuille de style. La modif s'appliquera alors sur toutes tes pages.
Ex: si tu veux un titre en bleu, tu écrira:
h1 { /* couleur du titre (ceci est un commentaire) */
color: #FF0000; /* couleur bleue en hexadécimal */
} /* fin de définition */
Ceci veut dire que lorsque tu mettra un h1 dans une de tes pages, le titre sera bleu sans que tu fasse quoi que ce soit.
Note: cette feuille de style tu peux la déposer à la racine où dans un dossier de ton site. La seule chose importante, c'est que tu précise son chemin exact dans le <head> et </head> comme dit plus haut.
Bon courage !
Ah oui d'accord c'est effectivement ce que j'ai fait hier sur les conseils de dev-master. J'ai relu ses explications et j'ai essayé de les mettre en application. J'ai créé un fichier texte que j'ai appelé style.css
et où j'ai mis ces annotations:
#header
{
width: 100%;
height: 150px;
background-color: blue;
}
#corps
{
width: 78%;
height: 100%;
border: 1px solid blue;
float: right;
border-top: none;
border-right: none;
margin-bottom: 5px;
}
#menu_gauche
{
width: 20%;
height: 100%;
float: left;
border: 1px solid blue;
border-top: none;
border-left: none;
padding: 3px;
margin-bottom: 5px;
}
#footer
{
width: 100%;
text-align: center;
clear: both;
border: 1px solid blue;
}
par contre faut il que je remplisse quelque chose de particulier dans ce texte ou est il valable tel qu'el pour mon site?
J'ai effectivement mis le lien comme il me l'avait conseillé dans la partie head de mon script. par contre je comprends pas bien ton explication de h1. Où faut il que je mette "cette chose" dans mes metanames avant mes titres et que je rajoute cette ligne dans mon doc CSS ?. En fait le dossier CSS est un peu comme le dssier sitemap que j'ai créé et que j'ai transféré à la racine de mon site si je comprends bien ? Quelqu'un pourrait il aussi me donner les codes couleurs car c'est asse flou pour moi. Mes titres par contre sur ma page index est noté sous forme de bannière et sur les autres pages en texte simple vert...Que faut il que je fasse dans ce cas.
C'est tellement passionant tout ça. Je finis par avancer et j'ai l'impression que c'est un véritable travail de solidarité l'informatique. Sur ce forum, c'est sympa car j'avais fait un autre forum avant et on m'a reproché de ne pas comprendre assez vite. J'ai remercié et je suis partie...
Txiki as tu regardé le script de ma page index , car il parait qu'il est bizarrement fait et je voudrais le rendre parfait. Quels conseils peux tu me donner. En fait j'aimerai bien que qu'lqu'un reprenne ce script et me le corrige afin que je puisse m'en imprégner et l'adapter sur mes autres pages. Merci d'avance à tous...
et où j'ai mis ces annotations:
#header
{
width: 100%;
height: 150px;
background-color: blue;
}
#corps
{
width: 78%;
height: 100%;
border: 1px solid blue;
float: right;
border-top: none;
border-right: none;
margin-bottom: 5px;
}
#menu_gauche
{
width: 20%;
height: 100%;
float: left;
border: 1px solid blue;
border-top: none;
border-left: none;
padding: 3px;
margin-bottom: 5px;
}
#footer
{
width: 100%;
text-align: center;
clear: both;
border: 1px solid blue;
}
par contre faut il que je remplisse quelque chose de particulier dans ce texte ou est il valable tel qu'el pour mon site?
J'ai effectivement mis le lien comme il me l'avait conseillé dans la partie head de mon script. par contre je comprends pas bien ton explication de h1. Où faut il que je mette "cette chose" dans mes metanames avant mes titres et que je rajoute cette ligne dans mon doc CSS ?. En fait le dossier CSS est un peu comme le dssier sitemap que j'ai créé et que j'ai transféré à la racine de mon site si je comprends bien ? Quelqu'un pourrait il aussi me donner les codes couleurs car c'est asse flou pour moi. Mes titres par contre sur ma page index est noté sous forme de bannière et sur les autres pages en texte simple vert...Que faut il que je fasse dans ce cas.
C'est tellement passionant tout ça. Je finis par avancer et j'ai l'impression que c'est un véritable travail de solidarité l'informatique. Sur ce forum, c'est sympa car j'avais fait un autre forum avant et on m'a reproché de ne pas comprendre assez vite. J'ai remercié et je suis partie...
Txiki as tu regardé le script de ma page index , car il parait qu'il est bizarrement fait et je voudrais le rendre parfait. Quels conseils peux tu me donner. En fait j'aimerai bien que qu'lqu'un reprenne ce script et me le corrige afin que je puisse m'en imprégner et l'adapter sur mes autres pages. Merci d'avance à tous...
Ce qui me parait bizarre par exemple c'est que dans mon script, je n'ai pas de balises body. Je pense qu'il faudrait que j'en mette ? oui mais où dans mon script ? et pourquoi le logiciel namo Webeditor que j'ai utilisé pour remplir ma maquette prête à l'emploi n'a t il pas positonné de lui-même les balises ? C'est curieux puisque cela semble obligatoire ?
Je viens de regarder le script de dev-master pour son club de canoë Kayack et il ya bien de balises body après les balises head donc pourqoi le mien qui fonctionne bien en ligne n'a pas cette construction ? Il faut que je le refasse. Mon script construit tel quel est dnc non conforme et cela doit bloquer les moteurs de recherche ou fais je un amalgame un peu rapide ?
Plein de questions mais utiles pour moi car je voudrais corriger au mieux mes erreurs de débutante et j'ai un autre site sur la protection animale que je suis censé corriger qaund j'aurai compris ce qu'il faut mettre exactement dans un script et ce qu'il ne faut pas mettre.
Merci
Je viens de regarder le script de dev-master pour son club de canoë Kayack et il ya bien de balises body après les balises head donc pourqoi le mien qui fonctionne bien en ligne n'a pas cette construction ? Il faut que je le refasse. Mon script construit tel quel est dnc non conforme et cela doit bloquer les moteurs de recherche ou fais je un amalgame un peu rapide ?
Plein de questions mais utiles pour moi car je voudrais corriger au mieux mes erreurs de débutante et j'ai un autre site sur la protection animale que je suis censé corriger qaund j'aurai compris ce qu'il faut mettre exactement dans un script et ce qu'il ne faut pas mettre.
Merci
Tu a DEUX balises body mais qui s'appellent TBODY ???
Je viens de voir ton code. C'est une horreur. Il est basé sur un modèle qui commence par une connexion à Google. Pourquoi ? Parcequ'il a été conçu comme ça par le site ou tu l'a récupéré.
Je viens de faire un modèle pour la fille d'une amie. regarde une peu. (http://txiki.free.fr) c'est un site sur les pottok, petits chevaux sauvages du Pays Basque.
Regarde surtout le code source (menu affichage puis source). Il commence par:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!--Dit au navigateur qu'il s'agit d'une page en HTML -->
Ce qui se trouve entre les balises <!-- et --> est un commentaire. C'est très utile si un jour, tu reprends ton code.
<link rel="SHORTCUT ICON" href="http://txiki.free.fr/img-diverses/favicon.ico" />: cette ligne sert a afficher une petite icone dans la barre d'adresse (ici, un un cheval).
</head> : fin de l'entête de la page (chez moi il y en a deux car le menu est une page html à part qui est inséré dans chacune des pages
mais ceci n'est possible qu'en php, c'est pourquoi toutes les pages ont le suffixe .php au lieu de .htm.
<body> : c'est le début du corps de la page.
Juste après c'est un script en javascript pour les menu/et sous-menu.
Bon je te recontacterai ce soir depuis chez moi.
Je viens de voir ton code. C'est une horreur. Il est basé sur un modèle qui commence par une connexion à Google. Pourquoi ? Parcequ'il a été conçu comme ça par le site ou tu l'a récupéré.
Je viens de faire un modèle pour la fille d'une amie. regarde une peu. (http://txiki.free.fr) c'est un site sur les pottok, petits chevaux sauvages du Pays Basque.
Regarde surtout le code source (menu affichage puis source). Il commence par:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!--Dit au navigateur qu'il s'agit d'une page en HTML -->
Ce qui se trouve entre les balises <!-- et --> est un commentaire. C'est très utile si un jour, tu reprends ton code.
<link rel="SHORTCUT ICON" href="http://txiki.free.fr/img-diverses/favicon.ico" />: cette ligne sert a afficher une petite icone dans la barre d'adresse (ici, un un cheval).
</head> : fin de l'entête de la page (chez moi il y en a deux car le menu est une page html à part qui est inséré dans chacune des pages
mais ceci n'est possible qu'en php, c'est pourquoi toutes les pages ont le suffixe .php au lieu de .htm.
<body> : c'est le début du corps de la page.
Juste après c'est un script en javascript pour les menu/et sous-menu.
Bon je te recontacterai ce soir depuis chez moi.
Et encopre il a été arrangé. la première fois que quelqu'un s'est penché dessus il m'a dit qu'il n'avait jamais vu ça...
En fait j'ai pris une maquette vierge sur kissdesign. Je trouvais ça pratique car je n'y connaissais rien et il fallait que je fasse un site rapidement, ma meilleur amie mais aussi webmastrice de mon précédent site m'ayant lachée (c'est la vie...)
Sur cette maquette, pour chaque page, il fallait que je remplisse le nom du site, les mots clés et mon nom et c'est tout. Un jour j'ai demandé pourquoi, quand on tapait mes mots clés, je n'apparaissais pas. Quelqu'un s'est penché dessus et m'a dit que mes script (ouïe quesako) n'étaient pas bons. Il m'a expliqué comment mettre les balises metaname car je n'avais que la balise des mots clés, celle des titres et mon nom. J'ai repris mes scripts un par un. J'ai créé mon site map. je croyais que tout allait aller bien. je commençais à avoir des visites. mais quand j'ai voulu avoir le statut "verifie" pour mon site map, j'ai eu un refus. On m'a dit que ma page devait commencé par "html et head", j'ai encore tout refait. Mais je m'apperçois à force d'obtenir des explications que mon script est encore bien bizarre. Hier j'ai enregistré sur un bloc note le script de ma page index et mis le doctype et le lien CSS. J'ai créé une page à part avec les codes qu'on m'a donné pour le CSS mais avant de le mettre en ligne, j'attends que quelqu'un me le corrige. Je pourrais t'envoyer ça ce soir si tu veux. Si tu ne veux pas encombrer le forum, mon site
http://www.desvalleesengissoises.com sur la rubrique contact comporte mon adresse mail. Merci de ton aide et je vais aller voir le site dont tu me parles...
J'ai étudié beaucoup de scripts différents et je vois bien que quelque chose ne va pas et c'est pour cela que je veux tout améliorer. Pour les balises "TBODY", je n'ai touché à rien, elles ont toujours été comme ça...
Et la balise qui contient "verify etc..." est la balise que j'ai dû mettre pour obtenir le statut vérifié de mon plan site map mais cette ligne est mise après le titre. Sinon j'avais je pense, au début, un doctype, mais on m'a dit de l'enlever car ce n'était pas utile et je l'ai fait. maintenant, je m'aperçois qu'il faut le remettre. pas facile tout ça... Mais je compte sur toi ce soir. J'ai beaucoup de toilettage de chiens à faire mais j'essaierai d'être disponible quand tu le pourras...
En fait j'ai pris une maquette vierge sur kissdesign. Je trouvais ça pratique car je n'y connaissais rien et il fallait que je fasse un site rapidement, ma meilleur amie mais aussi webmastrice de mon précédent site m'ayant lachée (c'est la vie...)
Sur cette maquette, pour chaque page, il fallait que je remplisse le nom du site, les mots clés et mon nom et c'est tout. Un jour j'ai demandé pourquoi, quand on tapait mes mots clés, je n'apparaissais pas. Quelqu'un s'est penché dessus et m'a dit que mes script (ouïe quesako) n'étaient pas bons. Il m'a expliqué comment mettre les balises metaname car je n'avais que la balise des mots clés, celle des titres et mon nom. J'ai repris mes scripts un par un. J'ai créé mon site map. je croyais que tout allait aller bien. je commençais à avoir des visites. mais quand j'ai voulu avoir le statut "verifie" pour mon site map, j'ai eu un refus. On m'a dit que ma page devait commencé par "html et head", j'ai encore tout refait. Mais je m'apperçois à force d'obtenir des explications que mon script est encore bien bizarre. Hier j'ai enregistré sur un bloc note le script de ma page index et mis le doctype et le lien CSS. J'ai créé une page à part avec les codes qu'on m'a donné pour le CSS mais avant de le mettre en ligne, j'attends que quelqu'un me le corrige. Je pourrais t'envoyer ça ce soir si tu veux. Si tu ne veux pas encombrer le forum, mon site
http://www.desvalleesengissoises.com sur la rubrique contact comporte mon adresse mail. Merci de ton aide et je vais aller voir le site dont tu me parles...
J'ai étudié beaucoup de scripts différents et je vois bien que quelque chose ne va pas et c'est pour cela que je veux tout améliorer. Pour les balises "TBODY", je n'ai touché à rien, elles ont toujours été comme ça...
Et la balise qui contient "verify etc..." est la balise que j'ai dû mettre pour obtenir le statut vérifié de mon plan site map mais cette ligne est mise après le titre. Sinon j'avais je pense, au début, un doctype, mais on m'a dit de l'enlever car ce n'était pas utile et je l'ai fait. maintenant, je m'aperçois qu'il faut le remettre. pas facile tout ça... Mais je compte sur toi ce soir. J'ai beaucoup de toilettage de chiens à faire mais j'essaierai d'être disponible quand tu le pourras...
Bouuuuh ! il est HORRRRIBLE ce code ! c'est basé sur tableaux, des tableaux dans des tableaux etc...
Bref, je ne m'en sort pas.
Je suis en train de te faire entièrement la css mais... il me faudrait les images.
Au fait ! tu n'a qu'une page principale ? en plus des contacts et liens ?
Si j'ai les photos avec les pavés des pubs, je pourrais te faire une CSS a peu près correcte mais là... J'ai des images dans des images, les descriptions des polices utilisées à chaque ligne pratiquement alors qu'on peut le définir une bonne fois pour toutes avec des titres, sous-titres, sous sous-titres etc.... sans avoir a spécifier à chaque fois.
D'autre part, ta part fais trois pages en code alors qu'on peut réduire ça des 2/3. beaucoup trop de code qui alourdisse ta page donc qui pénalise le chargement pour le visiteur.
Je n'ai pas trop de temps mais je tacherai de le faire ce week-end. Si j'ai les images, toutes celles de la première page.
Bref, je ne m'en sort pas.
Je suis en train de te faire entièrement la css mais... il me faudrait les images.
Au fait ! tu n'a qu'une page principale ? en plus des contacts et liens ?
Si j'ai les photos avec les pavés des pubs, je pourrais te faire une CSS a peu près correcte mais là... J'ai des images dans des images, les descriptions des polices utilisées à chaque ligne pratiquement alors qu'on peut le définir une bonne fois pour toutes avec des titres, sous-titres, sous sous-titres etc.... sans avoir a spécifier à chaque fois.
D'autre part, ta part fais trois pages en code alors qu'on peut réduire ça des 2/3. beaucoup trop de code qui alourdisse ta page donc qui pénalise le chargement pour le visiteur.
Je n'ai pas trop de temps mais je tacherai de le faire ce week-end. Si j'ai les images, toutes celles de la première page.
Horrible, mon script ? c'est bien ce que je craignais... J'ai bien vu que j'avais des tas de choses qui semblaient n'être reliées à rien mais... Je vous ai envoyé un mail sur l'adresse mail qui figure dans votre dossier dans lequel kj'avais mis mon nouveau script comprenant le doctype mais visiblement le mail n'a pas été lu... Pour les images, pas de pb mais comment vous les transmettre?
Bonjour,
Pour ceux que ça interresse, je suis en train de dépatouiller le code de la page d'accueil de Soledad visible ici: http://txiki.free.fr
Le menu ne peut etre horizontal car il y en a trop. On va voir si l'on peut réduire leur nombre et "groupir" les items.
C'est un menu de i'ubitus modifié.
Soledad: j'ai ENFIN ! trouvé ce qui coinçait jusqu'à maintenant dans le positionnement des sous-menus (fautes dans l'ID du div).
Je termine la page d'accueil et te l'envoi. Je rédigerai un bref tuto pour t'indiquer comment créer d'autres pages basées sur ce modèle.
Les autres: si vous voulez la css + le js, c'est ici:
http://www.commentcamarche.net/forum/affich 1734604 exemple de script deroulant
Bonne journée !
Le bonheur est la seule chose que l'on peut donner sans l'avoir.
Pour ceux que ça interresse, je suis en train de dépatouiller le code de la page d'accueil de Soledad visible ici: http://txiki.free.fr
Le menu ne peut etre horizontal car il y en a trop. On va voir si l'on peut réduire leur nombre et "groupir" les items.
C'est un menu de i'ubitus modifié.
Soledad: j'ai ENFIN ! trouvé ce qui coinçait jusqu'à maintenant dans le positionnement des sous-menus (fautes dans l'ID du div).
Je termine la page d'accueil et te l'envoi. Je rédigerai un bref tuto pour t'indiquer comment créer d'autres pages basées sur ce modèle.
Les autres: si vous voulez la css + le js, c'est ici:
http://www.commentcamarche.net/forum/affich 1734604 exemple de script deroulant
Bonne journée !
Le bonheur est la seule chose que l'on peut donner sans l'avoir.