Bonjour à tous,
je ne sais pas très bien si mon post se trouve au bon endroit, je vous demande de m'excuser sinon.
Après avoir passé un apm à chercher dans la faq, les post etc.. du site je n'ai pas vraiment trouvé ma réponse donc je vous soumet le problème.
J'ai réalisé un site (un projet ancien commencé en 2003 que je viens de finaliser) que je suis en train de reprendre avant de le soumettre la semaine prochaine pour d'éventuelles ultimes corrections (de contenus).
En lisant plein de posts ici, j'ai remarqué qu'on ne m'avait pas assez sensibilisée aux standards etc... pendant ma formation en 2003 et je m'en mort les doigts mais je n'ai plus le temps de le reprendre entièrement pour actualisation en XHTML par ex.
Du coup, la conception ne semble pas forcément très "propre" à priori, le tout est de limiter les erreurs et qu'il soit lisible par la plupart des navigateurs avant de le mettre en ligne. Bref, j'ai fait un peu comme je pouvais pour le tout premier projet web.
Mon problème : si j'essaye de valider sur w3c mes pages pour voir si mon code a besoin d'être corrigé (c'est le cas) on me répond que la balise embed n'est pas autorisée (entre autre) et je l'ai lu dans plusieurs posts ici.
J'ai donc voulu supprimer cette balise en utilisant uniquement la balise object mais là, problème ! :
Quand j'utilise object, la page est lisible uniquement sous IE7 sur PC ! (problème avec FF2 sur PC et rien non plus sur FF2 et safari sous Mac !)
Quand j'utilise embed, la page devient lisible sur FF2, IE7 sur PC et aussi bien sur FF2 et safari sur Mac !!!
Je ne comprends pas très bien ?
Est-ce lié d'après vous à l'utilisation d'un flash + xml (diaporama simpleviewer) ? je suppose que non car on parle de balise html, non ?
Le seul bémol, mais qui n'a rien à voir avec le lien flash, c'est le chargement de la feuille de style qui ne se fait pas sous safari 2.0.4, là c'est peut-être le "import" qui n'est pas supporté ?
Autre question, faut-il changer toutes les balises indiquées par w3c validator pour que ma page passe ne HTML 4 transitional ?
Je vous poste le code et si vous pouviz m'éclairer, ça serait super !
merci d'avance !
Modifié par Thomas D. (16 Feb 2007 - 13:09)
je ne sais pas très bien si mon post se trouve au bon endroit, je vous demande de m'excuser sinon.
Après avoir passé un apm à chercher dans la faq, les post etc.. du site je n'ai pas vraiment trouvé ma réponse donc je vous soumet le problème.
J'ai réalisé un site (un projet ancien commencé en 2003 que je viens de finaliser) que je suis en train de reprendre avant de le soumettre la semaine prochaine pour d'éventuelles ultimes corrections (de contenus).
En lisant plein de posts ici, j'ai remarqué qu'on ne m'avait pas assez sensibilisée aux standards etc... pendant ma formation en 2003 et je m'en mort les doigts mais je n'ai plus le temps de le reprendre entièrement pour actualisation en XHTML par ex.
Du coup, la conception ne semble pas forcément très "propre" à priori, le tout est de limiter les erreurs et qu'il soit lisible par la plupart des navigateurs avant de le mettre en ligne. Bref, j'ai fait un peu comme je pouvais pour le tout premier projet web.
Mon problème : si j'essaye de valider sur w3c mes pages pour voir si mon code a besoin d'être corrigé (c'est le cas) on me répond que la balise embed n'est pas autorisée (entre autre) et je l'ai lu dans plusieurs posts ici.
J'ai donc voulu supprimer cette balise en utilisant uniquement la balise object mais là, problème ! :
Quand j'utilise object, la page est lisible uniquement sous IE7 sur PC ! (problème avec FF2 sur PC et rien non plus sur FF2 et safari sous Mac !)
Quand j'utilise embed, la page devient lisible sur FF2, IE7 sur PC et aussi bien sur FF2 et safari sur Mac !!!
Je ne comprends pas très bien ?
Est-ce lié d'après vous à l'utilisation d'un flash + xml (diaporama simpleviewer) ? je suppose que non car on parle de balise html, non ?
Le seul bémol, mais qui n'a rien à voir avec le lien flash, c'est le chargement de la feuille de style qui ne se fait pas sous safari 2.0.4, là c'est peut-être le "import" qui n'est pas supporté ?
Autre question, faut-il changer toutes les balises indiquées par w3c validator pour que ma page passe ne HTML 4 transitional ?
Je vous poste le code et si vous pouviz m'éclairer, ça serait super !
merci d'avance !
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Odorico, Mosaïstes - Partir à la découverte d'Etables-sur-Mer</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv=imagetoolbar content="no">
<meta http-equiv="Content-Language" content="fr">
<meta name="Reply-to" content="rozenn.micault@wanadoo.fr">
<meta name="description" content="Ce site présente la technique de la mosaïque à travers l'histoire de la famille Odorico, mosaïstes Italiens installés à Rennes en 1882. Partez à la découverte de quelques réalisations à travers l'Ouest de la France...">
<meta name="keywords" content="Etables-sur-Mer, Etable sur mer, découverte, visite, mosaïque, mosaïques, mosaïstes, Odorico, Art déco,photographie">
<meta name="Author" content="Rozenn Micault">
<meta name="Identifier-URL" content="http://..................................................................">
<meta name="Copyright" content="Rozenn Micault">
<meta name="Revisit-after" content="1 month">
<meta name="Robots" content="all">
<style type="text/css">
<!-- @import url(../../css/decouverte.css);
@import url(../../css/decouverte.css);
.Style1 {font-size: 14px; color: #B96A7A; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var aa,j=d.MM_p.length,a=MM_preloadImages.arguments; for(aa=0; aa<a.length; aa++)
if (a[aa].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[aa];}}
}
function MM_swapImgRestore() { //v3.0
var aa,x,a=document.MM_sr; for(aa=0;a&&aa<a.length&&(x=a[aa])&&x.oSrc;aa++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,aa,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (aa=0;!x&&aa<d.forms.length;aa++) x=d.forms[aa][n];
for(aa=0;!x&&d.layers&&aa<d.layers.length;aa++) x=MM_findObj(n,d.layers[aa].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var aa,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(aa=0;aa<(a.length-2);aa+=3)
if ((x=MM_findObj(a[aa]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[aa+2];}
}
//-->
</script>
</script>
<script language="javascript" type="text/javascript" src="../../javascripts/mistral.js">
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body onLoad="MM_preloadImages('../../../navigation/imprimer-b.gif','../../../navigation/accueil2.gif','../../navigation/imprimer2.png','../../navigation/accueilb.gif','../../navigation/puce-violineg.jpg')">
<div style="position:absolute; left:51px; top:179px; width:580px; height:420px;" id="contenu">
<div align="center">
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="550" height="420" align="middle">
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="BGCOLOR" value="FFFFFF" />
<embed src="index.swf" width="550" height="420" align="middle" quality="high" scale="noscale" bgcolor="FFFFFF" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object> </p>
<blockquote><blockquote><blockquote> </blockquote>
</blockquote>
</blockquote>
</div>
</div>
<div id="rubrique" style="position:absolute; left:82px; top:141px; width:477px; height:20px"> <span class="rubrique3violine"><!-- #BeginLibraryItem "/Library/go-back-violine.lbi" --><span class="lienvioline"><a href="#" onClick="history.back()" onMouseOver="MM_swapImage('Image8','','../../navigation/puce-violineg.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="../../navigation/puce-violine.gif" name="Image8" width="19" height="18" border="0" align="absmiddle"></a></span><!-- #EndLibraryItem --> <a href="../../visiteguidee.htm" class="lienvioline">Les réalisations</a> > <span class="medium">Visite guidée > SAINT-LUNAIRE </span></span></div>
<div id="Layer1" style="position:absolute; left:636px; top:640px; width:0px; height:10px; z-index:2"></div>
<base target=_top>
<center>
<br>
<div id="imprimer" style="position:absolute; left:34px; top:104px; width:21px; height:19px; z-index:1"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','../../navigation/imprimer2.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','../../navigation/imprimer2.png',1)"><img src="../../navigation/imprimer1.png" alt="Imprimer la page" name="Image11" width="20" height="30" border="0" onClick="javascript:window.print()"></a></div>
<div id="accueil" style="position:absolute; left:-10px; top:139px; width:71px; height:49px; z-index:1"><a href="../../accueil.htm" target="_parent" onMouseOver="MM_swapImage('Image9','','../../navigation/accueilb.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../../navigation/accueila.gif" alt="Retour vers page d'accueil" name="Image9" width="28" height="26" border="0"></a></div>
</center>
</body>
</html>
Modifié par Thomas D. (16 Feb 2007 - 13:09)