Pages :
J'ai trouvé un bug dans le menu déroulant de
cette page
Les sous-menus de mon menu, visible sur cette page ,
viennent en superposition sur un texte sous-jacent. Or quand je passais la souris dans le sous-menu au niveau du texte sous-jacent, le menu se fermait sauvagement. J'ai résolu le problème en supprimant dans la CSS, l'instruction "display: block;" au niveau de "#menu li a, #menu dt a".

L'ennui, c'est que je ne sais pas pourquoi ça faisait ça Smiley fache ni pourquoi ça ne le fait plus sans cette instruction Smiley eek . Et je n'aime pas quand je ne sais pas pourquoi ! Smiley lol
Modifié par Pixel (21 Jul 2005 - 23:31)
Bonjour Pixel,

Mais.. Hum...

Avant de traquer l'hypothétique (mais toujours possible) bug du menu en question, il y a quelque préalables à régler pour partir d'une base saine :
- ta page est en HTML3.2 invalide
- servie en application/octet-stream par un serveur Microsoft qui ne sait pas traiter le code PHP que tu y a mis (la page ne s'affiche pas dans FireFox, qui en toute logique propose de la télécharger)
- avec, dans la page en question, des bouts de code PHP non traités côté serveur qui traînent
- et un iframe sur fond duquel apparaissent les menus déroulés (qui sont d'ailleurs rognés dans Opera)

Disons que :
- en HTML4.01 ou XHTML1.0 Transitional valides
- avec un PHP correctement exécuté par un serveur compatible, ou remplacé par de l'ASP sur ton serveur actuel
- un type mime text/html
... il sera possible de voir dans quelle mesure l'iframe peut-être une cause du problème au survol du menu, une fois éliminées toutes une séries de sources d'erreurs potentielles qui rendent actuellement ta page inutilisable en dehors d'Internet Explorer et des navigateurs les plus tolérants Smiley cligne

Dans l'immédiat, je ne peux guère que t'encourager :
- à faire déjà une page "statique" en HTML et CSS, sans scripts clients (javascript), ni serveur (PHP, ASP), voire sans menu déroulant, à l'aide des divers tutoriels sur HTML que tu trouveras ici et via la FAQ du forum. La lecture de http://www.tuteurs.ens.fr/internet/web/html/ serait sans doute un excellent début.
- Puis à découvrir les bases en matière de langage serveur s'il s'avère que tu en as effectivement le besoin
- en faisant le tout dans un navigateur autre qu'IE : celui-ci, qui tolère de nombreuses erreurs et comporte de nombreux bugs, va te compliquer beaucoup la tâche...

Désolé d'être un peu décevant, mais honnêtement, une grande confusion semble régner dans ce que tu fais Smiley confus
Modifié par Laurent Denis (17 Jul 2005 - 18:40)
Accessoirement, pour les amateurs de loufoqueries HTTP, ce serveur mérite vraiment le détour. Accrochez-vous :

- les fichiers php sont de l'application/octet-stream , mais ce n'est pas tout :

- les fichiers css du text/plain Smiley hum

- les fichiers jpg et gif du text/plain Smiley eek

- et... les fichiers ico du text/html; charset=iso-8859-1 Smiley mur

En fait, là... Moi, je change illico d'hébergeur Smiley rolleyes

(Pixel : tu n'y es évidemment pour rien, là : il s'agit du paramétrage du serveur, sous la responsabilité de ton hébergeur)
Modifié par Laurent Denis (17 Jul 2005 - 21:52)
Laurent Denis a écrit :
Bonjour Pixel,

Mais.. Hum...

- ta page est en HTML3.2 invalide


Ah. Et il faut faire quoi pour que ça soit valide ?
A priori, je croyais faire du HTML, mais voilà que je fais du 3.2 comme Monsieur Jourdain faisait du Fortran IV !

a écrit :
- servie en application/octet-stream par un serveur Microsoft qui ne sait pas traiter le code PHP que tu y a mis


Oui, je sais. Les gars de la FFT se sont gourés. Demain je devrais pouvoir "migrer" comme ils disent. Je m'attends au pire ! Smiley sweatdrop

a écrit :
(la page ne s'affiche pas dans FireFox, qui en toute logique propose de la télécharger)


Je l'ai fait tester par un copain avec Firefox sous Windows et un autre avec je ne sais quoi sous OSX (Mac) et les menus avaient les mêmes symptômes que chez moi avec IE mais à part ça pas d'autres problèmes. Et maintenant, tout va bien chez eux. Je m'interroge. Smiley rolleyes

a écrit :
- avec, dans la page en question, des bouts de code PHP non traités côté serveur qui traînent


Jeuuuu séééé, voir plus haut.

a écrit :
- et un iframe sur fond duquel apparaissent les menus déroulés (qui sont d'ailleurs rognés dans Opera)


C'est défendu ?

a écrit :
Disons que :
- en HTML4.01 ou XHTML1.0 Transitional valides


On fait comment ?

a écrit :
- avec un PHP correctement exécuté par un serveur compatible, ou remplacé par de l'ASP sur ton serveur actuel


Oui, oui, voir plus haut

a écrit :
- un type mime text/html


On fait comment.

a écrit :
Dans l'immédiat, je ne peux guère que t'encourager :
- à faire déjà une page "statique" en HTML et CSS, sans scripts clients (javascript), ni serveur (PHP, ASP), voire sans menu déroulant, à l'aide des divers tutoriels sur HTML que tu trouveras ici et via la FAQ du forum. La lecture de http://www.tuteurs.ens.fr/internet/web/html/ serait sans doute un excellent début.


Ça a eu été fait autrefois (il y a au moins une semaine) mais depuis la chose s'est enrichie. Smiley lol

a écrit :
- Puis à découvrir les bases en matière de langage serveur s'il s'avère que tu en as effectivement le besoin


Pourquoi ? Mes bases sont pourries ? Smiley confused

a écrit :
- en faisant le tout dans un navigateur autre qu'IE : celui-ci, qui tolère de nombreuses erreurs et comporte de nombreux bugs, va te compliquer beaucoup la tâche...


J'ai essayé quelques autres navigateurs sur les conseils z'avisés d'amis qui vomissent Bill Gates et consorts. Je suis revenu à IE. J'en avais assez d'avoir des problèmes que la majorité des gens n'ont pas. Smiley langue

a écrit :
Désolé d'être un peu décevant, mais honnêtement, une grande confusion semble régner dans ce que tu fais Smiley confus


Ma foi, désolé d'être un peu confus mais pour une première participation à ce forum, ça refroidit. Je me demande si c'est bien la place ici, pour un débutant confusionné. Smiley confused Smiley confused Smiley confused Smiley bawling

Aaaaaaaaaalllez ....... Smiley hinhin Smiley hinhin
Pixel a écrit :
Ma foi, désolé d'être un peu confus mais pour une première participation à ce forum, ça refroidit. Je me demande si c'est bien la place ici, pour un débutant confusionné.


Comme je te l'ai dit, je suis désolé d'être décevant sur le travail que tu as déjà fait, mais il te manque beaucoup de notions de base.

Tout ne se mettra pas en place en un message et en une page web, mais tâchons de reprendre tout ça :

Configuration serveur et types de contenus
Le problème lié à la mauvaise configuration du serveur qui héberge ton site devrait être réglé par l"hébergeur.

J'espère qu'il associera les bonnes informations de "type mime", comme on les appelle, aux bonnes extensions de fichiers : lorsquun navigateur Web reçoit une page html, une image, une feuille de style, etc. il traite celle-ci en fonction de son type de contenu (il vaut mieux, par exemple, qu'il n'essaie pas d'afficher le code binaire d'une image comme un fichier texte, n'est-ce pas ?).

En pratique, beaucoup de navigateurs anticipent les erreurs sur le type mime indiqué par les serveurs, qui est souvent erroné. Ils parviennent à deviner le bon type de contenu en se fiant à l'extension du fichier : .css suggère une feuille de style, même si le fichier a par erreur le type mime text/plain au lieu de text.css.

Sauf qu'il est très imprudent de se fier à cette capacité de certains navigateurs à gérer cette erreur:
- tous ne le font pas, et pas de la même manière : Firefox refusera systématiquement d'appliquer la feuille de style (dans une page en mode de rendu strict des standards) si elle n'est pas tamponnée "text/css".
- cela peut être considéré comme un facteur d'insécurité, et donc désactivé par l'utilisateur : avec le même navigateur, ce n'est pas parce que "ça passe" chez X que ça passera chez Y Smiley cligne
- c'est une source d'erreurs en chaîne : même si tout va bien aujourd'hui avec mes fichiers actuels, rien ne me dit que ça marchera demain avec un autre type de fichier
- des types de contenus corrects sont indispensables à certaines avancées essentielles des sites web actuels

Donc : exiger de ton hébergeur une bonne gestion des types mimes est indispensable, surtout sur un serveur Microsoft-IIS, connu pour avoir par une configuration par défaut assez médiocre là-dessus. Ce qui donne, pour tout dire, de très mauvaises habitudes aux hébergeurs Smiley fache

Si tu souhaite approfondire, voir http://www.yoyodesign.org/doc/w3c/chip/index.html.gz#content (mais ce n'est pas l'essentiel à ce stade)

Le problème des langages serveur et client
Tu inclus dans ta page ce que l'on appelle des scripts PHP :
<?php
$nomjour=date("l");
$jour=date("j");
$nommois=date("m");
$annee=date("Y");
$heure=date("H");
$minute=date("i");
 

switch ($nomjour)
{
case "Monday":
$nomjour="Lundi";
...
?>


Gros problème : ce script n'est pas destiné à être exécuté par le navigateur qui reçoit la page. Le langage PHP permet de faire exécuter des scripts par le serveur du site, avant envoi de la page au navigateur. le serveur se sert des instructions PHP pour générer du HTML. Le navigateur, lui, ne doit jamais voir une ligne de PHP dans le code des pages Web : il est incapable d'en exécuter la moindre instruction.

Alors, qu'est-ce que ces scripts PHP font dans la page que ton serveur m'adresse ? Il se passe simplement qu'ils n'ont pas été exécutés par le serveur, qui ne connaît pas le langage PHP, parce que c'est un serveur Microsoft-IIS, qui par défaut ne connaît que le langage serveur ASP ou le langage .Net.

On peut installer PHP sur un serveur IIS, mais c'est assez rare, et je doute que ce soit le cas sur ton hébergement (tu ne peux pas le faire : c'est à l'hébergeur de le faire).

Le fait que ton serveur se trompe sur le type mime à associer aux pages .php est d'ailleurs révélateur : il ne sait pas exécuter du PHP.

Donc : tu ne peux très certainement pas utiliser des scripts PHP. En revanche, dans le cas d'un script simple comme celui-ci, tu pourrais t'initier à l'ASP et réaliser l'équivalent, qui donnerait grosso modo:

<% 
dim nomjour
nomjour=WeekdayName(weekday(date))
...
 
Select Case nomjour
case "Monday":
nomjour="Lundi";
case ...
End Select
...
 %>


Ou alors, migrer vers un serveur PHP...

Mais dans tous les cas, il faut bien apprendre à différencier ces scripts serveurs des scripts clients en javascript, que le navigateur peut en revanche exécuter :
<script type="text/javascript">
<!--
function montre(id)
...
</script>


Pour PHP et ASP, laissons de côté : je ne te conseillerais pas d'utiliser ces langages serveurs avant de savoir établir une page HTML CSS "simple". Pour l'instant, mieux vaux s'en tenir aux scripts clients, sur lesquels tu pourais commencer par http://www.openweb.eu.org/dom/

HTML3.2, HTML4.01, XHTML1.0 : il faut choisir

Dans tous les cas, ton site envoie au navigateur des pages au format HTML. Mais il existe plusieurs versions successives de celui-ci, qui ne permettent pas toutes de faire les mêmes choses.
Les premières lignes de ta page sont justement la déclaration de type de document qui indique quel format de HTML tu as adopté.

HTML3.2 n'est certainement pas le format approprié pour toi : l'iframe, par exemple, n'y existe pas. Cette version ancienne a des capacités limitées et n'est plus employée aujourd'hui : la dernière version de HTML est HTML4.01.

Mais on te conseillera plutôt d'adopter le format XHTML1.0 (transitionnel), qui est une reformulation du HTML4.01 avec des règles d'écriture plus claires et donc plus aisées à apprendre.

Donc: quelques lectures de base:
- http://pompage.net/pompe/doctype/ (les formats HTML et XHTML)
- http://pompage.net/pompe/mieuxvivre/ (pourquoi choisir XHTML1.0)
- http://www.tuteurs.ens.fr/internet/web/html/ (les bases du code XHTML)
- Un éditeur Wysiwyg léger, produisant du XHTML correct, qui te simplifiera sans doute le démarrage: Nvu, à télécharger ici, avec un bon tutoriel ici

Réutiliser des scripts, des tutoriels, des exemples de code

Comme tout débutant, et comme beaucoup de wemestres "amateurs" et même "pro", tu as déjà commencé à composer ton code en y copiant-collant des scripts, des exemples, des fonctions prêtes à l'emploi proposées ici et là sur le Web. Ce n'est pas une mauvaise façon de faire, et c'est généralement ainsi que les gens découvrent ces différents langages et formats.

Mais tu dois veiller :
- à ne pas mêler des choses incompatibles : l'iframe non supporté en HTML3.2, le PHP non supporté par ton serveur...
- à la qualité de la source : il traîne sur le Web une quantité fantastique de scripts écrits avec les deux pieds du temps où on ne se souciait d'aucune des normes indispensables pour la fiabilité globale du truc Smiley cligne
- à ne pas céder à la tentation d'aller trop vite : adapter ce menu déroulant n'est pas si évident quand on ne maîtrise déjà pas les bases.

Tu trouveras ici et dans les différents sites qui y sont fréquemment cités :
- des exemples réalisés dans le respect de ces normes : c'est le credo maison Smiley lol
- des gens pour t'aider si tu es prêt à faire de ton côté l'effort de formation nécessaire à l'aide des sources qui te sont indiquées.

Suggestion de lecture : http://forum.alsacreations.com/faq/

Bien comprendre le problème Internet Explorer

Pour des raisons liées à la concurrence entre ses grands acteurs, le Web s'est d'abord développé en s'asseyant allègrement sur la notion de norme. D'où un certain désordre, et des sites de plus en plus compliqués à développer pour qu'ils soient utilisables par tout le monde, quelque-soit son navigateur, son système d'exploitation, etc.

Cette situation est en train de changer avec le retour progressif à une approche "standard" : c'est pourquoi on te conseille de coder en XHTML1.0, de valider tes CSS, de ne pas utiliser de javascript mal fichu, etc. (Voir http://www.w3.org/QA/2002/07/WebAgency-Requirements.html.fr . C'est un document destiné aux grands comptes Web, mais qui contient un excellent tableaux des différents standards et de leurs rôles respectifs)

Mais utiliser Internet Explorer comme navigateur de référence pour développer et tester tes pages va te rendre très difficile cette démarche "standard". IE, en effet, est actuellement le navigateur le plus indifférent aux erreurs de codage : il a été conçu pour:
- récupérer au petit bonheur la chance le plus grand nombre possible d'erreurs dans les pages Web
- utiliser un grand nombre de codes "propriétaires", ignorés des autres navigateurs qui se fient aux standards.

Et c'est en outre un navigateur vieilli, aujourd'hui dépassé quant à ce qu'il est capable de comprendre dans une page Web moderne et standard.

Il va donc souvent te donner l'impression que "c'est bon, ça marche", alors qu'en fait, ta page Web ne tient pas debout.

Attention ! je ne suis surtout pas en train de te dire "laisse tomber IE et surfe plutôt avec tel ou tel navigateur" ! Tu peux utiliser le navigateur que tu veux pour surfer, ça ne me regarde pas. En revanche, pour développer et tester tes pages, il est indispensable d'utiliser un navigateur plus récent et moins erratique.

Donc : il faut en passer par l'installation et l'utilisation en développement, au choix, de :
- Firefox
- ou Opera
- ou Konqueror (linux uniquement)
- ou Safari (Mac uniquement)

Voir http://www.openweb.eu.org/articles/navigateurs_alternatifs/

Voilà. Comme tu peux le constater, il fallait un peu de temps pour couvrir en gros les différents problèmes que tu rencontres Smiley cligne

ça ne fera pas marcher ton menu déroulant dans 5mn, désolé. Mais :
- te donner un code à copier-coller dans ta page n'aurait aucun sens, étant donné qu'elle doit d'abord être réécrite de manière standard. Ce menu n'est vraiment pas la priorité pour l'instant.
- ce n'est pas la politique de la maison : si tu viens ici, c'est que tu souhaite d'abord savoir où trouver l'info qui te permettra d'apprendre. Les réponses "clés en main" sont l'exception, comme l'indiquent les règles du forum Smiley cligne
Modifié par Laurent Denis (18 Jul 2005 - 07:05)
Laurent Denis a écrit :

Le problème lié à la mauvaise configuration du serveur qui héberge ton site devrait être réglé par l"hébergeur.

C'est en cours !
a écrit :
J'espère qu'il associera les bonnes informations ...

Si déjà ils arrivent à me faire passer de l'environnement Windows à l'environnement Linux/PHP/MySQL je serai assez content.
Pour le reste, je pense qu'il ne faut pas trop rêver. Si ça ne va pas, je mets une page de redirection et je retourne mettre tout ça sur mes pages perso chez Club-Internet où ça marchait très bien.
a écrit :
Sauf qu'il est très imprudent de se fier à cette capacité de certains navigateurs à gérer cette erreur:

Je vois. Il faut un butineur maniaque pour tester et un butineur laxiste pour surfer.
a écrit :
Donc : exiger de ton hébergeur

L'hébergeur étant imposé, je ne sais pas si je peux exiger !
M'enfin, attendons la migration. Peut-être tout va-t-il marcher du premier coup.
a écrit :
une bonne gestion des types mimes est indispensable, surtout sur un serveur Microsoft-IIS,

Oublions Microsoft-IIS. Je suis là par erreur. J'l'ai d'jà dit ? Ah bon. Smiley cligne
a écrit :
Le problème des langages serveur et client
Tu inclus dans ta page ce que l'on appelle des scripts PHP :
Gros problème : ce script n'est pas destiné à être exécuté par le navigateur qui reçoit la page.

Je sais tout ça. Encore une fois il y a erreur chez mon hébergeur et mon code marchait très bien chez Club-Internet. Cette fois, je suis sûr, j'l'ai d'jà dit ! Smiley lol
a écrit :
Ou alors, migrer vers un serveur PHP...

Ah génial ! Je ne suis plus un incompris ! Smiley lol Smiley lol
T'ai-je dit qu'il y avait eu une erreur chez ... oui ? Bon. Me semblait bien aussi. Smiley smile
a écrit :
Mais dans tous les cas, il faut bien apprendre à différencier

Yessss. Mais en fait, il faut que je te dise, c'est parce que ...
...
Ah ? Tu crois ?
...
Alzheimer peut-être déjà ... Smiley decu
a écrit :
HTML3.2 n'est certainement pas le format approprié pour toi : l'iframe, par exemple, n'y existe pas.

Mais alors pourquoi mon iframe marche-t-elle ?
a écrit :
Cette version ancienne a des capacités limitées et n'est plus employée aujourd'hui : la dernière version de HTML est HTML4.01.

Donc je remplace 3.2 par 4.01 dans la première ligne de chaque page ?
Non, ça serait trop simple. Smiley ohwell
a écrit :
Mais on te conseillera plutôt d'adopter le format XHTML1.0

Je me disais bien aussi ... Smiley rolleyes
a écrit :
(transitionnel), qui est une reformulation du HTML4.01 avec des règles d'écriture plus claires et donc plus aisées à apprendre.

Mais comment diable ai-je réussi à faire des sites qui marchent jusqu'à maintenant ? Il est vrai qu'ils ne devaient marcher que pour 95% de la planète. Piètre performance commerciale.
a écrit :
Donc: quelques lectures de base:

Je vais me culturer c'est sûr. mais déjà je vais voir si la "migration" (j'adore ce mot) résoud quelque chose. Enfin plutôt, ce sont mes copains qui vont voir (coucou RT et DDV), parce que chez moi, en fait ...
J'l'ai d'jà ... j'm'en doutais ! Smiley ravi
a écrit :
Mais tu dois veiller :
- à la qualité de la source : il traîne sur le Web une quantité fantastique de scripts écrits avec les deux pieds

Ah oui mais là, la source ... tu la connais, hé, hé ! Smiley lol
a écrit :
Donc : il faut en passer par l'installation et l'utilisation en développement, au choix, de :
- Firefox

Bon bin je vais le remettre. Oui, je l'avais sur les bons conseils d'un ami (coucou René) mais je l'avais viré parce que j'en avais assez de ne pas voir ce que les autres disaient voir avec leur vieux IE périmé, pour ne pas dire obsolète (pj).
a écrit :
Voilà. Comme tu peux le constater, il fallait un peu de temps pour couvrir en gros les différents problèmes que tu rencontres Smiley cligne

Oui, oui, ne te méprends sur le ton quelque peu moqueur de mes réponses. j'apprécie beaucoup que tu aies passé tout ce temps pour m'expliquer tout cela. Même s'il y a des choses que je savais déjà (par exem ... heu non, j'l'ai d'jà dit ... je crois) je mesure maintenant mieux la faible étendue de ce que je croyais savoir et mesure l'étendue du désastre qui me reste à parcourir. (J'ai zappé "désert" et "chemin" pour faire court Smiley langue )
a écrit :
ça ne fera pas marcher ton menu déroulant dans 5mn, désolé.

Comment ? Il ne marche pas mon menu ?
...
Rhaaaaah nan, te fâche pas c'est pour rire ! Smiley lol Smiley lol

a écrit :
Ce menu n'est vraiment pas la priorité pour l'instant.

Oui. Bon. Enfin. C'est que vois-tu, il y a d'autres pages derrière la première et que je voudrais bien ne pas être obligé de donner toute la liste des url aux visiteurs sur un papier !
...
Euh ...
Non, non, non, ne va pas voir les autres pages nooooon ! Smiley bawling
C'est plein de tableaux ! Smiley lol Smiley lol Smiley lol

Aaaaaaaaaallez, encore merci pour tout.
Je reprends le chemin de la maternelle. Smiley bawling
(Je tâcherai de faire court la prochaine fois. Promis)
Bon. A y est. On m'a "migré" en environnement Linux/php/MySQL. Smiley lol
Je suis passé en html 4.01, enfin je crois.
Le serveur sait jouer du php : mes scripts de page d'accueil fonctionnent.
Le menu marche toujours très bien ... avec IE ainsi qu'avec Firefox
mais toujours aussi mal avec Safari ou Opera.
C'est toujours ici .

A vot' bon coeur M'sieur dames.

Ah oui, j'ai essayé de remettre "display: block;" mais le "bug" ( Smiley confus sorry) se reproduit. Smiley decu
Pixel a écrit :

HTML3.2 n'est certainement pas le format approprié pour toi : l'iframe, par exemple, n'y existe pas.

Mais alors pourquoi mon iframe marche-t-elle ?

Parce que les navigateurs récupèrent certaines erreurs.

Pixel a écrit :

Cette version ancienne a des capacités limitées et n'est plus employée aujourd'hui : la dernière version de HTML est HTML4.01.

Donc je remplace 3.2 par 4.01 dans la première ligne de chaque page ?


La réponse est dans les liens indiqués ci-dessus.

Pixel a écrit :

Oui, oui, ne te méprends sur le ton quelque peu moqueur de mes réponses.


Disons qu'il n'apporte rien à tes contributions et n'encouragera personne à te venir en aide. Pas plus que le fait de ne pas te servir des indications et liens qu'on te donne.

Tu remarqueras que personne ne s'est rué pour te répondre. Smiley cligne

Pixel a écrit :

Le menu marche toujours très bien ... avec IE ainsi qu'avec Firefox
mais toujours aussi mal avec Safari ou Opera.


C'est un bug de ces navigateurs, et non du menu lui-même, lié à leur gestion de l'iframe comme fenêtre à part entière incluse dans la zone d'affichage. La seule solution est le remplacement de l'iframe par un élément div et l'utilisation éventuelle d'un include PHP pour insérer le contenu de nouvelles.html dans ta page d'accueil. De toutes manières, cet iframe pose des problèmes d'accessibilité et n'améliore pas l'ergonomie de la page. Le "comment on fait" se trouve dans les tutoriels du site.

Pixel a écrit :

Ah oui, j'ai essayé de remettre "display: block;" mais le "bug" ( Smiley confus sorry) se reproduit. Smiley decu


Les blocs de liens perdent le focus visuel au moment où la souris passe de l'un à l'autre et le script agit en conséquence. La suppression du display:block ne fait que rendre ce comportement moins visible, mais il est toujours présent.

Si tu supprimes le display:block, d'autres propriétés deviennent inutiles dans cette CSS. Le pourquoi et le comment sont dans les tutoriels du site.

Sinon, la page n'a pas d'encodage spécifié et il y a divers autre problèmes comme l'utilisation des attributs alt des images, l'échappement des esperluettes & dans les urls, des imbrications incorrectes de balises... Voir l'intiation au XHTML signalée ci-dessus.

Bonne continuation Smiley cligne
Modifié par Laurent Denis (19 Jul 2005 - 08:10)
a écrit :
Disons qu'il n'apporte rien à tes contributions et n'encouragera personne à te venir en aide. Pas plus que le fait de ne pas te servir des indications et liens qu'on te donne.
Tu remarqueras que personne ne s'est rué pour te répondre. Smiley cligne


Oui ...
Tu remarqueras, en remontant tout en haut de la page, que je n'ai posé aucune question dans mon post initial.
Je pensais naïvement apporter une contribution sur ce forum en réponse à ce que je croyais être un bug.

Donc quand j'ai lu la réponse d'Olivier (alias I'm watching you (tout un programme !))

a écrit :
Lol... ^^
La gueule du machin !
Et les application/brocoli ? ça correspond à .asp ?
La FAQ répond aux questions fréquement posées. Merci de la consulter avant de poser une question !

Ça ne m'a pas fait très plaisir.

En revanche, j'apprécie beaucoup que tu aies pris tout ce temps pour me répondre . Ça m'a fait découvrir que j'avais un problème que j'ignorais et bien d'autres choses aussi. C'est donc plutôt positif pour moi, même si je n'ai pas trouvé la réponse au problème que tu as mis à jour.

Contrairement à ce que tu penses, je suis allé visiter longuement TOUS les liens que tu m'as donnés ainsi que la FAQ. Je n'y ai rien trouvé qui m'aide, si ce n'est que je ferais mieux d'abandonner l'iframe.

Je crois que je ne suis pas fait pour les FAQ. J'y trouve en général un tas de choses que je n'y cherche pas (mais qui ne sont pas inutiles) mais j'y trouve rarement ce que j'y cherche au moment où j'en ai besoin.

Je crois que je ne suis pas fait pour les forums non plus. Question de génération, sans doute. J'ai 57 ans. Une tare !

Encore merci et bon vent à tous ceux qui rigolent et à Olivier watcher en particulier.
Hé ben là, je dis dommage!

Il y a des gens qui quittent le forum après avoir incendié-et le mot est faible- les personnes tentant d'apporter de l'aide à leur problème. Ceux-la, qu'on ne reverra plus, comme dit Laurent, ils ne me manquent pas. Par contre, pour Pixel, ben ça fait come un goût amer...je précise à Pixel, si jamais il revient, que la remarque d'Olivier n'était, à mon humble avis, pas destinée à lui, mais à son serveur.

Comme il dit, c'est peut-être une question d'âge. Reste à savoir si c'est corrélé à la politesse. Il faut croire que oui, parfois.
bouquins a écrit :
je précise à Pixel, si jamais il revient, que la remarque d'Olivier n'était, à mon humble avis, pas destinée à lui, mais à son serveur.


Alors toutes mes excuses à Olivier. Je suis sans doute trop susceptible. Smiley cligne

Je voudrais dire que je viens de reprendre le problème par le commencement, en allant à la racine du site, en prenant les tutoriels au début et que j'ai trouvé, sans doute, la solution à mon problème sur cette page.

Du coup, je pense que je vais reprendre toute ma page et la refaire sans utiliser les cadres. Ce modèle de présentation sans frames est assez proche de ce que je veux faire.

Je reviendrai quand ça sera fait, que ça marche ou pas. Promis ! Smiley smile
Ah... Ce n'est pas toujours facile de saisir à qui l'on s'adresse, ce que sait ou ne sait pas, ce que fait ou ne fait pas la personne qui intervient sur un forum. D'où l'importance d'être aussi explicite que possible. Parfois, se présenter avant d'intervenir la première fois peut éviter bien des malentendus (j'aurais dû t'inviter à le faire dans le topic destiné à cet effet, désolé de cet oubli)

Bien souvent, avant de pouvoir répondre à une question sur un forum, nous devons amener la personne à poser d'abord une question "utilisable", ou à fournir les informations indispensables !

Parfois, nous nous trompons sur la demande qui est faite.

Cela pour dire qu'il est sans doute faux de croire que "tu n'es pas fait pour les forums": à présent que nous finissons par te connaître un petit peu, je pense que l'échange sera plus "huilé" Smiley cligne

En tous cas, tu es le bienvenu.
bouquins a écrit :
je précise à Pixel, si jamais il revient, que la remarque d'Olivier n'était, à mon humble avis, pas destinée à lui, mais à son serveur.


Wep, désolé pixel, je croyais que c'était pas équivoque Smiley smile
C'était bien destiné à ton serveur configuré comme un pied Smiley langue (pas dû à toi) et ça ne t'aidait pas à faire un truc correct !!
Maintenant, il ne te reste qu'à suivre les conseils de Laurent Smiley lol
Voilà, j'avais dis que je reviendrais quand ce serait fait. C'est fait.
C'est là.
Bon, il y a encore sûrement du nettoyage à faire mais ça fonctionne. (bien que je n'aie pas encore le verdict des Safaristes et des Opera-tors. Smiley ravi
C'est apparemment la même page qu'avant mais ce qui est derrière n'a plus rien à voir.
Plus d'iframe, plus de table.
Et ça a été beaucoup plus vite que je ne pensais ! Smiley biggrin

Merci de votre aide.
Il y a du bon, en effet. Bravo Smiley cligne

Le problème du menu est réglé dans FireFox et Opera 8 (Win)

En revanche, si tu veux bien, on peux nettoyer un peu la <div class="frame"> qui a remplacé l'iframe :


<div class="frame">
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Nouvelles</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <LINK REL=StyleSheet HREF="roland-garros.css" TYPE="text/css">
    </head>

    <body ...>


Tu as reproduit dans cette div le contenu de l'iframe, donc avec la structure complète d'une page HTML (DTD, <html><head><body>).

Un iframe, c'est effectivement une page Web complète, artificiellement incluse graphiquement dans la fenêtre d'affichage de sa parente. Comme si le navigateur traitaient deux pages en même temps (en fait, c'est exactement ça)

Mais un <div>, ce n'est qu'un élément HTML destiné à contenir du texte, des images... Il ne doit pas inclure une page Web complète.

Tu vas pouvoir économiser du code, et ne garder dans <div class="frame"> que :
<div class=textecourantcentre>
<font color="#FF0000">Mardi 5 juillet<br>
    Nouvelle rubrique &quot;R&eacute;flexions sur le tennis&quot; :<br></font>
	<font color="#FF0000" size="3"><strong>T&eacute;moignage sur l'arbitrage.</strong><br>
  </font> <font color="#FF0000">Cliquez la petite balle rouge dans le menu &agrave; 
  gauche.</font> 
  <hr width="100%">

Dimanche 3 juillet<br>
Tournoi de Longpont, cat&eacute;gorie 11-12 ans :<br>
remport&eacute; par Mathieu Amyot.&nbsp;<img src="Images/trophee.gif" width="13" height="18" border="0">

<hr width="100%">

Mercredi 22 juin<br>
Tournoi d'&Eacute;tampes, cat&eacute;gorie 11-12 ans :<br>
remport&eacute; par Nicolas Massacret.&nbsp;<img src="Images/trophee.gif" width="13" height="18" border="0">

<hr width="100%">

Dimanche 19 juin<br>
finales du tournoi interne<br>
de l'école de tennis<br>
  <img src="Images/trophee.gif" width="13" height="18" border="0">&nbsp; <a href="tournoi-interne.htm" target="_blank"> 
  Les r&eacute;sultats en ligne !&nbsp;</a><img src="Images/trophee.gif" width="13" height="18" border="0"></div>

<hr width="100%">
</div>


L'étape suivante serait de nettoyer ce qu'il reste de <font> pour déplacer les données de polices, couleurs, taille... dans ta feuille de style. (voir http://www.openweb.eu.org/articles/initiation_css/ )

Et de passer en revue ta page pour ajouter quelques éléments de titre <h1>, <h2>, <h3>... : pour l"instant, on a un document totalement plat, sans aucune info mise en valeur pour un moteur de recherche, entre autres.

Après... Bah, on verra ce qui t'intéresse Smiley cligne
Administrateur
Laurent Denis a écrit :
Tu as reproduit dans cette div le contenu de l'iframe, donc avec la structure complète d'une page HTML (DTD, <html><head><body>).

Un iframe, c'est effectivement une page Web complète, artificiellement incluse graphiquement dans la fenêtre d'affichage de sa parente. Comme si le navigateur traitaient deux pages en même temps (en fait, c'est exactement ça)

Mais un <div>, ce n'est qu'un élément HTML destiné à contenir du texte, des images... Il ne doit pas inclure une page Web complète.

Tout à fait.
A ce propos : le point sur la fonction PHP include()
Laurent Denis a écrit :
Il y a du bon, en effet. Bravo Smiley cligne
Le problème du menu est réglé dans FireFox et Opera 8 (Win)


Content que ça marche chez toi.
Un copain vient d'essayer sur MAC avec Safari, Firefox et même IE.
C'est l'horreur avec les trois. Les div sont n'importe où dans la page. Il n'y a que le bandeau du haut et le menu qui soit à sa place. J'étais désespéré jusqu'à te lire !
Je me demande si le gars ne me fait pas une farce ! Smiley fache

a écrit :
En revanche, si tu veux bien, on peux nettoyer un peu la <div class="frame"> qui a remplacé l'iframe :


Oui, oui, j'avais oublié de le faire. C'est fait. En fait cette div est un fichier html séparé, appelé par un include. Ça me permet de mettre à jour cette fenêtre séparément sans toucher au reste de la page d'accueil. Mais tu ne peux pas le voir car c'est du PHP et tu ne vois que le résultat de l'include. J'ai nettoyé le fichier qui est appelé. Tu peux aller voir, ça doit être bon maintenant. (C'est peut-être ça aussi qui f...... le m.... chez mon copain.)

a écrit :
L'étape suivante serait de nettoyer ce qu'il reste de <font> pour déplacer les données de polices, couleurs, taille... dans ta feuille de style. (voir http://www.openweb.eu.org/articles/initiation_css/ )


Oui, c'est bien à ce genre de nettoyage que je pensais.

a écrit :
Et de passer en revue ta page pour ajouter quelques éléments de titre <h1>, <h2>, <h3>... : pour l"instant, on a un document totalement plat, sans aucune info mise en valeur pour un moteur de recherche, entre autres.


Euh oui ... en fait, pour le cas particulier de ce site, le club n'est pas trop intéressé à attirer les moteurs de recherche. Je pense même enlever les métatrucs.

Mais ça n'empêche pas de structurer les titres. je vais voir ça.

Merci beaucoup de ton aide. Mais il faut que je comprenne pourquoi mon macintoshien de copain récolte toute cette m... !
Pour le macintochose, je suis un peu court Smiley cligne

Mais il y a bien quelqu'un d'ici qui va nous donner son avis ?

Pour les moteurs de recherche, au passage : tu peux leur interdire l'indexation via un fichier robots.text . C'est à peu près fiable (les "gros" moteurs respectent les autorisations/interdictions qu'on y met)
Modifié par Laurent Denis (19 Jul 2005 - 17:45)
Laurent Denis a écrit :
Le problème du menu est réglé dans FireFox et Opera 8 (Win)


Hélas non. Dans Opera oui, si j'en crois mon copain.
Mais j'ai installé Firefox. C'était l'horreur ! Smiley fache
Les boîtes se superposaient n'importe où.
J'y ai passé six heures. Maintenant ça marche pour les boîtes.
C'était l'histoire des "padding" et "margin" qui ne sont pas comptés pareil sur IE et les autres. Trouvé ça sur un de tes liens. Smiley biggrin Plus quelques bricoles, genre Firefox qui rajoute un interligne avant un paragraphe et pas IE.
Bref, ma page est belle maintenant sous FF et IE mais le menu ne marche toujours pas sur FF.
Je craaaaaaaaaque.
Il est 1h32 du matin. Dodo.
Dis-moi si mes modifs n'ont pas mis la cata sur ton Firefox à toi, vu que tu dis que ça marchait. Ah au fait : Firefox 1.0. Est-ce le dernier ? Téléchargé sur firefox.fr.
Pages :