pb des barres de navigation créees sous MS publisher

[ludikmajor]

Bonjour à tous,

j'ai crée un petit site web sous MS publisher afin de gagner du temps. Les utilisateurs de firefox ne peuvent utiliser les barres de navigations de mon site et reste conicé sur la page d'accueil.
Je suppose que le pb est connu mais je n'ai pas trouvé dans ce forum la solution.

l'url c'est www.ludikmajor.com
cordialement
LM.

[ottomar]

salut !

wow ! c'est bien la preuve qu'il ne faut rien faire pour le web avec ms ! wow

[SB]

Le problème est connu et n'a qu'une solution : refaire le site avec un éditeur de site correct. MS Publisher, de Microsoft, ne fait que du code compris par Internet Explorer de Microsoft. C'est leur façon de te "fidéliser". Tu auras le même problème avec d'autres navigateurs comme Opera qui ne comprendront pas non plus ton code.
Prends un éditeur libre comme Nvu.

[epsy]

salut,

http://www.nvu.com/

edit:grillé!

[calimo]

On ne le précisera jamais assez : Firefox est un navigateur qui affiche les pages HTML.
Or, cette page n'est pas une page HTML ! Donc forcément ça ne peut pas marcher

Prenons par exemple le petit menu de navigation en bas. Voici le code pour IE :

Code : Tout sélectionner

<!--[if gte vml 1]><v:group
 id="_x0000_s1352" style='position:absolute;left:138pt;top:594pt;width:417pt;
 height:70.2pt;z-index:78' coordorigin="108358959,96918002" coordsize="6400800,1372128">
 <v:rect id="_x0000_s1353" style='position:absolute;left:108358959;top:96918002;
  width:6400800;height:1372128;visibility:hidden;mso-wrap-edited:f' stroked="f"
  o:cliptowrap="t">
  <v:fill recolor="t" rotate="t"/>
  <v:stroke joinstyle="round">
   <o:left v:ext="view" weight="0" on="t"/>
   <o:top v:ext="view" weight="0" on="t"/>
   <o:right v:ext="view" weight="0" on="t"/>
   <o:bottom v:ext="view" weight="0" on="t"/>
   <o:column v:ext="view" color="black [0]" color2="white [7]"/>
  </v:stroke>
  <v:imagedata cropbottom="16777215f" cropright="16777215f"/>
  <v:path gradientshapeok="f" insetpenok="f" o:connecttype="segments"/>
  <o:lock v:ext="edit" shapetype="t"/>
  <v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
 </v:rect><v:shape id="_x0000_s1354" type="#_x0000_t202" alt="" style='position:absolute;
  left:108358959;top:96918002;width:6400800;height:1372128;visibility:visible;
  mso-wrap-edited:f;mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
  mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' filled="f"
  fillcolor="white [7]" stroked="f" strokecolor="black [0]" o:cliptowrap="t">
  <v:stroke dashstyle="dash">
   <o:left v:ext="view" color="black [0]" color2="white [7]"/>
   <o:top v:ext="view" color="black [0]" color2="white [7]"/>
   <o:right v:ext="view" color="black [0]" color2="white [7]"/>
   <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
   <o:column v:ext="view" color="black [0]" color2="white [7]"/>
  </v:stroke>
  <v:shadow color="#ccc [4]"/>
  <v:path insetpenok="f"/>
  <o:lock v:ext="edit" shapetype="t"/>
  <v:textbox style='mso-column-margin:5.76pt' inset="2.88pt,2.88pt,2.88pt,2.88pt">
   <div dir=ltr>
   <p class=MsoNormal><span style='language:FR'>Accueil | </span><span
   style='language:FR'><a href="index_fichiers/aproposdenous.htm">À propos de nous</a></span><span
   style='language:FR'> | </span><span style='language:FR'><a
   href="index_fichiers/contacteznous.htm">Contactez-nous</a></span><span
   style='language:FR'> | </span><span style='language:FR'><a
   href="index_fichiers/listedesproduits.htm">Liste des produits</a></span><span
   style='language:FR'> | </span><span style='language:FR'><a
   href="index_fichiers/galerie.htm">Galerie photo</a></span><span
   style='language:FR'> | </span><span style='language:FR'><a
   href="index_fichiers/annexes.htm">Archives</a></span><span style='language:
   FR'> | </span><span style='language:FR'><a href="index_fichiers/Page1115.htm">Détails de l'employé</a></span></p>
   </div>
  </v:textbox>
 </v:shape></v:group><![endif]-->

Ce n'est pas du HTML.
Tout cela est caché dans un commentaire spécial que seul IE n'interprète pas comme commentaire.

Les autres navigateurs ont droit à ça :

Code : Tout sélectionner

<span style='position:absolute;
z-index:78;left:183px;top:791px;width:558px;height:96px'><img width=558
height=96 src="index_fichiers/image312.png" v:shapes="_x0000_s1352 _x0000_s1354"></span>

Pas de lien, rien... ce n'est même pas du HTML non plus

Bref, le code fourni par MS Publisher :

• N'est pas du HTML ;
• Est écrit en double, une fois pour IE dans un langage bizarre, une fois pour les autres navigateurs sous forme d'images statiques.

Je ne peux que te conseiller également d'utiliser un vrai éditeur HTML comme il en existe beaucoup

PS : ne parlons même pas des navigateurs encore plus exotiques que Firefox (non graphiques, etc.) !

Edit : mon message est long, et je me rend compte que je n'ai pas explicité le fait que pour que ça fonctionne partout, il faut des standards. C'est le W3C qui se charge de les édicter. Ça permet aux auteurs d'écrire des pages qui seront comprises par tous les navigateurs, et aux navigateurs de comprendre les pages écrites par les auteurs. Plus d'infos sur OpenWeb
et deux articles en particulier : http://openweb.eu.org/articles/pourquoi_standards/ et http://openweb.eu.org/articles/toi_comprendre_moi/

[epsy]

Code : Tout sélectionner

<!--[if gte vml 1]><v:group
 id="_x0000_s1352" style='position:absolute;left:138pt;top:594pt;width:417pt;
 height:70.2pt;z-index:78' coordorigin="108358959,96918002" coordsize="6400800,1372128">
 <v:rect id="_x0000_s1353" style='position:absolute;left:108358959;top:96918002;
  width:6400800;height:1372128;visibility:hidden;mso-wrap-edited:f' stroked="f"
  o:cliptowrap="t">
  <v:fill recolor="t" rotate="t"/>
  <v:stroke joinstyle="round">
   <o:left v:ext="view" weight="0" on="t"/>
   <o:top v:ext="view" weight="0" on="t"/>
   <o:right v:ext="view" weight="0" on="t"/>
   <o:bottom v:ext="view" weight="0" on="t"/>
   <o:column v:ext="view" color="black [0]" color2="white [7]"/>
  </v:stroke>
  <v:imagedata cropbottom="16777215f" cropright="16777215f"/>
  <v:path gradientshapeok="f" insetpenok="f" o:connecttype="segments"/>
  <o:lock v:ext="edit" shapetype="t"/>
  <v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
 </v:rect><v:shape id="_x0000_s1354" type="#_x0000_t202" alt="" style='position:absolute;
  left:108358959;top:96918002;width:6400800;height:1372128;visibility:visible;
  mso-wrap-edited:f;mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
  mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' filled="f"
  fillcolor="white [7]" stroked="f" strokecolor="black [0]" o:cliptowrap="t">
  <v:stroke dashstyle="dash">
   <o:left v:ext="view" color="black [0]" color2="white [7]"/>
   <o:top v:ext="view" color="black [0]" color2="white [7]"/>
   <o:right v:ext="view" color="black [0]" color2="white [7]"/>
   <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
   <o:column v:ext="view" color="black [0]" color2="white [7]"/>
  </v:stroke>
  <v:shadow color="#ccc [4]"/>
  <v:path insetpenok="f"/>
  <o:lock v:ext="edit" shapetype="t"/>
  <v:textbox style='mso-column-margin:5.76pt' inset="2.88pt,2.88pt,2.88pt,2.88pt">
   <div dir=ltr>
   <p class=MsoNormal><span style='language:FR'>Accueil | </span><span
   style='language:FR'><a href="index_fichiers/aproposdenous.htm">À propos de nous</a></span><span
   style='language:FR'> | </span><span style='language:FR'><a
   href="index_fichiers/contacteznous.htm">Contactez-nous</a></span><span
   style='language:FR'> | </span><span style='language:FR'><a
   href="index_fichiers/listedesproduits.htm">Liste des produits</a></span><span
   style='language:FR'> | </span><span style='language:FR'><a
   href="index_fichiers/galerie.htm">Galerie photo</a></span><span
   style='language:FR'> | </span><span style='language:FR'><a
   href="index_fichiers/annexes.htm">Archives</a></span><span style='language:
   FR'> | </span><span style='language:FR'><a href="index_fichiers/Page1115.htm">Détails de l'employé</a></span></p>
   </div>
  </v:textbox>
 </v:shape></v:group><![endif]-->

C'est quoi, ÇA?
y a de quoi tomber dans les pommes!!!

vraiment, laisse tomber publisher

[calimo]

C'est quoi, ÇA?
y a de quoi tomber dans les pommes!!!

vraiment, laisse tomber publisher

C'est une sorte de pseudo-xml (pseudo parce que

1. Non documenté ;
2. Non analysé par un parseur XML (la page est indiquée comme étant du HTML - même si elle ne l'est pas).

). Tous les logiciels de MS produisent ce genre de code depuis quelques versions. C'est une vraie plaie

[Nicosmos]

Tous les logiciels de MS produisent ce genre de code depuis quelques versions. C'est une vraie plaie Roulement des yeux

Même FrontPage ?

[calimo]

Tu veux dire : surtout Front page ?
Il y a un moyen de lui faire sortir du code moins sale, une option, mais n'ayant pas FP je ne sais pas où. Et avec Publisher… là je sais vraiment pas