Page 1 sur 2

Problème d'affichage avec Mozilla mais pas avec IE

Publié : 14 juin 2005, 17:34
par Brutus
Bonjour à tous,

Mon client ( www.f-a-i-r.ch ) me demande pourquoi mes pages Web ne s'affiche pas (partiellement) sur Mozilla?
Bein moi je séche :cry:
Est ce qu'une bonne ame pourrait m'aider... :?: :wink: Merci et à bientôt

Publié : 14 juin 2005, 18:13
par phoenix
Je crois que cela suffit comme explicatrion :
"<meta name="GENERATOR" content="Microsoft FrontPage 5.0">"

Mauvais outil changer d'outils.

RE :

Publié : 14 juin 2005, 18:31
par Brutus
Je sais bien mais le site date de 2003 depuis je te rassure j'ai changer et je développe en Webdev9.0 :wink:

Publié : 14 juin 2005, 19:38
par Humpfff
Un truc super agaçant (et je suis poli) sur ce site :

Code : Tout sélectionner

function non(clic) {
Au moindre clic droit pour appeler le menu contextextuel de mon navigateur, tu m'impose une fenêtre d'alerte (donc tu m'imposes un clic supplémentaire pour fermer ce machin) qui n'a rien, mais alors rien, à voir avec l'action que je souhaitais faire :x
Je ne comprends pas bien le but de cela mais est-ce qu'une page spécifique sur les histoires de copyright machin ne serait pas une meilleure solution ?

Pour le reste du code, je ne suis pas compétent. C'est juste une remarque d'utilisateur. :wink:

Edit : En virant des "z-index" de ton code, c'est déjà beaucoup mieux. Le menu s'affiche.

Publié : 14 juin 2005, 19:59
par pascal
Je regarderai le code quand le script débile destiné à m'empêcher de regarder le code source sera enlevé.

Si je demande à mon plombier de passer réparer la fuite de l'évier de la cuisine, je ne m'amuse pas à lui interdire de passer la porte d'entrée...

C'est vrai :)

Publié : 17 juin 2005, 10:49
par Brutus
Bon d'accord, c'est nul, mais le client a adoré ça.. :lol:
Comme quoi les choses qui font frisonner les clients ne sont pas toujours de bon goût. :oops:

Mais bon, mon problème reste entier non ? :roll:

Alors les gars, les filles si il y en a :)

Aider un pauvre webmaster qui c'est ratté lors de ces premiers sites...Snif snif

Concernant le mesage de Pascal et Humpff

Publié : 17 juin 2005, 10:52
par Brutus
Si vous utiliser Mozilla Firefox, vous pouvez voir la source sans aucun problème de click droite... Malin non ??

Publié : 17 juin 2005, 10:56
par calimo
Comme déjà dit, avec un script anti-clic droit c'est impossible.

Cela dit, un peu de lecture en attendant : http://pompage.net/pompe/cssdezero-1/ :wink:

Publié : 17 juin 2005, 11:20
par Humpfff
script anti-clic droit c'est impossible
mais avec un bon vieux CTRL+U des familles ? hein ?

Publié : 17 juin 2005, 15:00
par Brutus
Bon bein j'ai enlever le script. (de la première page) :)

J'espère qu'ainsi je pourrais compter sur vous pour une solution à mes ennuis. :cry: Merci d'avance :wink:

Publié : 17 juin 2005, 16:12
par calimo
Ah ben c'est mieux ! J'ai pu faire un clic droit dans IE pour voir quelles images s'affichaient, c'est d'un coup beaucoup plus simple... :roll: (Et il n'y a pas de Ctrl+U pour les images :lol: ).

Allons-y :
  1. Pas de doctype, c'est l'assurance que les navigateurs feront n'importe quoi (dans un but de compatibilité) ; plein d'erreurs, c'est l'assurance que ça ne s'affichera pas correctement quelque part.
  2. La langue n'est pas définie (<html lang="fr"> tout simplement, ou alors via un meta)
  3. Tu as plein de <p>&nbsp;</p> inutiles. Vire-les, ça ne changera rien :wink:
  4. Il manque les alt sur les area de l'image map. Gros problèmes d'accessibilité en perspective pour ceux qui auraient désactivé les images (connexion lente, navigateur non graphique, etc.)
  5. On en arrive à la clé du problème : tu tentes de positionner des <span>. Or, il s'agit d'éléments en-ligne. Et les éléments en-ligne ne peuvent pas être positionnés (IE le fait, mais ce n'est pas une référence en terme de respect des standards).
La page dégrossie :

Code : Tout sélectionner

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr">
<head>
	<meta name="keywords" content="FAIR, Fédération, Association, multicarte, CAP, Innova, représentants, indépendant,représentant, indépendants, formation, cours, membres, visiteurs, amitié, avantages, emploi, fribourg, vaud, genève, valais, neuchâtel, protection juridique, agenda, accueil, bienne, biel, infos-vente, forum, petites annonces, sections, status, tessin">
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
	<meta name="author" content="Huaca.ch" lang="fr-ch">
	<meta name="copyright" content="Huaca.ch">
	<meta name="expires" content="never">
	<meta name="date-revision-yyyymmdd" content="6.2.2004">
	<title>Accueil</title>
</head>

<body>

<div style="position: absolute; left: 48px; top: 244px; z-index: 2;">
	<a target="_blank" href="http://www.134.ch/avantages">
		<img src="images/GifanimAvantages.gif" border="0" height="23" width="81" alt="avantages">
	</a>
</div>
<div style="position: absolute; left: 0pt; top: 0pt; z-index: 0;">
	<map name="FPMap0">
		<area href="http://www.f-a-i-r.ch/agenda.htm" shape="rect" coords="354, 242, 425, 271" alt="Membres">
		<area href="http://www.f-a-i-r.ch/visiteurs.htm" shape="rect" coords="261, 247, 329, 270" alt="Visiteurs">
		<area href="http://www.f-a-i-r.ch/membres.htm" shape="rect" coords="157, 247, 231, 269" alt="Agenda">
		<area href="http://www.f-a-i-r.ch/Contacts.htm" shape="rect" coords="451, 244, 519, 272" alt="Contacts">
		<area href="http://www.f-a-i-r.ch/liens.htm" shape="rect" coords="545, 246, 592, 271" alt="Liens">
		<area href="http://www.huaca.ch/" shape="rect" coords="29, 511, 117, 599" target="_blank" alt="Huaca.ch">
	</map>
	<img src="images/images/index%20copie.jpg" usemap="#FPMap0" border="0" height="600" width="800" alt="">
</div>
	
<div style="position: absolute; left: 609px; top: 246px; z-index: 2;">
	<a target="_blank" href="http://www.f-a-i-r.ch/news.htm">
		<img src="images/GifanimNews2.gif" border="0" height="23" width="41" alt="News">
	</a>
</div>

<p style="position: absolute; left: 201px; top: 300px; z-index: 1; color:#0000ff; size:small;">
	<img src="images/Imageindex.gif" border="0" height="214" width="352" alt="">
	Dernières modifications : 17.06.2005
</p>

</body>
</html>

Publié : 17 juin 2005, 17:04
par Brutus
Merci c'est beaucoup plus claire...
Mais si j'ai bien compris il faut que je refasse toute les pages ....
Bein il y a du boulot !

Je vous informerai des changements ou des difficultés rencontrés la semaine prochaine parcequ'il y a plus de 50 pages.

A bientôt et bon week-end

Publié : 17 juin 2005, 18:57
par calimo
Au passage puisque tu y est, mets tes styles CSS dans une feuille externe, ce sera plus facile à modifier par la suite :wink:

Publié : 20 juin 2005, 18:11
par Brutus
J'ai apporté 2-3 changements à tes indications. Je serais curieux de connaitre ton opinion sur le document.
De plus, pourrais-tu m'expliquer ce que tu veux me dire par CSS. Car je n'ai que le menu en cours de modification. Les autres pages... non mais j'ai le même problème d'affichage. Encore merci :P


<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr">

<head>

<meta name="keywords" content="FAIR, Fédération, Association, multicarte, CAP, Innova, représentants, indépendant, représentant, indépendant, formation, cours, membres, visiteurs, amitié, avantages, emploi, fribourg, vaud, genève, valais, neuchâtel, protection juridique, agenda, accueil, bienn, biel, infos-vente, forum, petites annonces, sections, statuts, status, tessin">
<meta name="copyright" content="Huaca.ch">
<meta name="expires" content="never">
<meta name="date-revision-yyyymmdd" content=20.06.2004">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Page d'accueil de la FAIR</title>
</head>

<body>

<div style="position: absolute; left: 48px; top: 244px; z-index: 2;">
<a target="_blank" href="http://www.134.ch/avantages">
<img src="images/GifanimAvantages.gif" border="0" height="23" width="81" alt="avantages">
</a>
</div>

<div style="position: absolute; left:0pt; top:0pt; z-index: 1;">
<map name="FPMap0">
<area href="membres.htm" shape="rect" coords="159, 248, 231, 266" alt="Espace membres">
<area href="visiteurs.htm" shape="rect" coords="260, 248, 330, 266" alt="Espace visiteurs">
<area href="agenda.htm" shape="rect" coords="359, 251, 421, 269" alt="Agenda">
<area href="Contacts.htm" shape="rect" coords="454, 248, 517, 268" alt="Contacts">
<area href="liens.htm" shape="rect" coords="549, 248, 594, 267" alt="Liens">
<area target="_blank" coords="31, 508, 113, 598" shape="rect" href="http://www.huaca.ch">
</map>
<img src="images/index%20copie.jpg" usemap=#FPMap0 border="0" height="600" width="800">
</div>

<div style="position: absolute; left: 609px; top: 246px; z-index: 2;">
<a target="_blank" href=http://www.f-a-i-r.ch/news.htm">
<img src="images/GifanimNews2.gif" border="0" height="23" width="41" alt="News">
</a>
</div>

<p style="position: absolute; left: 201px; top: 300px; z-index: 2; color: #0000ff; size: small;">
<img src="images/Imageindex.gif" border="0" height"214" width="352" alt="">
</p>
<div style="position: absolute; left: 20px; top: 610px; z-index: 2;">
<a><b><font face="Verdana" color="#0000FF" size="1">Dernière modification :
<!--webbot bot="Timestamp" S-Type="EDITED" S-Format="%d.%m.%Y" --></font></b></p>
</body>

</html>

Publié : 21 juin 2005, 18:28
par Andevros
Bonjour. :D

Je ne suis pas intervenu, mais ...
<meta name="date-revision-yyyymmdd" content=20.06.2004">
La différence de format ne vous choque pas ?
:wink: