Je viens de terminer mon site, dernière étape, la mise en ligne. Et là, oh surprise tout fout le camp!!
FF conserve la mise en page, et IE
fout la m... comme d'habitude.Le site est en ligne à l'adresse suivant : http://zenithtopo.free.fr/SITE_TEST/index.html
Il y a un autre soucis, sur la page d'accueil la petite série de vidéos que l'on lance en cliquant sur une image fonctionne correctement en local, et une fois mise en ligne, il manque une image et les vidéos ne fonctionnent qu'à "moitié", avec FF. La série de vidéos a carrément disparu sous IE, comment est-ce possible?? Pourquoi tant d'injustice?
Voici le code
Code : Tout sélectionner
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
<!-- DEBUT DU SCRIPT AFFICHAGE DE L'HEURE -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
navvers = navigator.appVersion.substring(0,1);
if (navvers > 3)
navok = true;
else
navok = false;
today = new Date;
jour = today.getDay();
numero = today.getDate();
if (numero<10)
numero = "0"+numero;
mois = today.getMonth();
if (navok)
annee = today.getFullYear();
else
annee = today.getYear();
TabMois = new Array("janvier","février","mars","avril","mai","juin","juillet","aout","septembre","octobre","novembre","dééembre");
messageDate = numero + " " + TabMois[mois] + " " + annee;
</SCRIPT>
<!-- FIN DU SCRIPT AFFICHAGE DE L'HEURE-->
</head>
<body topmargin="10" marginheight="10" leftmargin="10" marginwidth="10">
<!-- DEBUT HEADER -------------------------------------------------------------------------------------->
<table cellpadding="0" cellspacing="0" border="0" width="771" align="center">
<tr>
<td><img src="images/home_03.gif" width="771" height="14"></td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" width="771">
<tr>
<td width="248" background="images/pixlong.gif" align="center" ><img src="images/logo x3_rouge.jpg" ></td>
<td valign="top">
<table cellpadding="0" cellspacing="0" border="0">
<tR>
<td colspan="3" width="1"><img src="images/pixgris.gif" width="470" height="1"></td>
</tR>
<tR>
<td><img src="images/pixgris.gif" width="1" height="70"></td>
<td width="468">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#4,0,0,0" width="100%" height="100%">
<param name="SRC" value="Zenithtopo.swf">
<embed src="Zenithtopo.swf" pluginspage="http://www.macromedia.com/shockwave/download/" type="application/x-shockwave-flash" width="100%" height="70">
</embed>
</object>
</td>
<td width="1"><img src="images/pixgris.gif" width="1" height="70"></td>
</tR>
<tR>
<td colspan="3" width="1"><img src="images/pixgris.gif" width="470" height="1"></td>
</tR>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="359"><!-- Nom de votre site--><img src="images/home_09.gif" width="359" height="35"></td>
<td><!-- Lien vers Home page--><a href="index.html"><img src="images/home_10.gif" width="22" height="35" border="0"></a></td>
<td><img src="images/home_13.gif" width="3" height="35"></td>
<td><!-- Lien vers Informations--><a href="ref.html"><img src="images/home_14.gif" width="22" height="35" border="0"></a></td>
<td><img src="images/home_13.gif" width="3" height="35"></td>
<td><!-- Lien vers contact--><a href="contact.html"><img src="images/home_16.gif" width="22" height="35" border="0"></a></td>
<td><img src="images/pixtrans.gif" width="14" height="8"></td>
</tr>
<tr>
<td colspan="9" background="images/home_20.gif" style="background-repeat:no-repeat">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="TITRE">
<tr>
<td align="center"><img src="images/pixtrans.gif" width="1" height="21"><img src="images/pixtrans.gif" width="1" height="1"></td>
<td align="center"><!-- Lien Menu 1--><a href="index.html">Accueil</a></td>
<td align="center"><!-- Lien Menu 2--><a href="zscan.html">Métiers</a></td>
<td align="center"><!-- Lien Menu 3--><a href="materiel.html">Equipements</a></td>
<td align="center"><!-- Lien Menu 3--><a href="ouvrage.html">Compétences</a></td>
<td align="center"><!-- Lien Menu 5--><a href="ref.html">Références</a></td>
<td align="center"><!-- Lien Menu 6--><a href="contact.html">Contact</a></td>
</tr>
</table></td>
</tr>
</table></td>
<td valign="top" background="images/home_07.gif"><img src="images/pixtrans.gif" width="11" height="1"></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/home_23.gif" width="159" height="21"></td>
<td><img src="images/home_24.gif" width="612" height="21"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- FIN HEADER -------------------------------------------------------------------------------------->
<table cellpadding="0" cellspacing="0" border="0" width="771" align="center">
<tr>
<td width="159" valign="top" >
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<!-----------------------------------------------------------Aujourd'hui------------------------------------------------------------------------------>
<table cellpadding="0" cellspacing="0" border="0">
<tr><td background="images/rub1_29.gif" align="center" class="TITREBLANC" height="22"><!-- TITRE du cadre ------> Aujourd'hui</td></tr>
<tr><td background="images/rub1_38.gif" style="background-repeat:no-repeat" align="center" class="TITRE" height="14"> <!-- Affichage Horaire --><SCRIPT LANGUAGE="JavaScript">document.write(messageDate);</SCRIPT><!-- FIN Affichage horaire --></td></tr>
<tr><td background="images/rub1_42.gif">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td><img src="images/pixtrans.gif" width="27" height="1"></td>
<td align="center"> <embed
src="mediaplayer.swf"
width="120"
height="100"
allowscriptaccess="always"
allowfullscreen="false"
flashvars="height=100&width=120&file=images/media/villefranche.flv"
/> </td>
<td><img src="images/pixtrans.gif" width="10" height="1"></td></tr>
</table></td></tr>
<tr><td><img src="images/rub1_47.gif"></td></tr>
</table>
<!------------------------------------------------------------------------------------------------------------------------------------------->
</td>
</tr>
<tr>
<td background="images/pixlong2.gif">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<tD style="background-repeat:no-repeat; background-position:bottom" background="images/home_56.gif" height="325" valign="top">
<!-- TABLEU RUBRIQUE 1 Voir "aide.txt"-->
<table cellpadding="0" cellspacing="0" border="0">
<!--------------------------------------------------------------------------Mini menu----------------------------------------------------->
<tr>
<td background="images/rubr_49.gif" height="18" style="background-repeat:no-repeat;" ><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr> </tr></table></td>
</tr>
<tr>
<td><img src="images/rub_53.gif"></td>
</tr>
<tr>
<td><table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="images/rubr_58.gif"></td>
<td class="TITRE" width="100%"><!-- Titre sous menu 1--><a href="ztopo.html">Topographie</a></td>
</tr>
<tr>
<td><img src="images/rubr_58.gif"></td>
<td class="TITRE"><!-- Titre sous menu 1--><a href="zetude.html">Etudes</a></td>
</tr>
<tr>
<td><img src="images/rubr_58.gif"></td>
<td class="TITRE"><!-- Titre sous menu 2--><a href="zscan.html">Scannérisation</a></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/rubr_74.gif" width="159" height="14"></td>
</tr>
</table><br>
<table cellpadding="5" cellspacing="0" border="0" width="100%" height="195">
<tr >
<td valign="bottom" align="center"><img src="images/compas01.jpg" width="90%" height="100%" ></td>
</tr>
</table>
</tD>
</tr>
</table></td>
</tr>
</table>
<!--------------------------------------------------------------------------Mini menu----------------------------------------------------->
</td>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9" valign="top" background="images/home_37.gif"><img src="images/home_28.gif" width="9" height="35"><br>
</td>
<td valign="top" width="439">
<!-- DEBUT TABLEAU 2 CENTRAL -->
<table cellpadding="0" cellspacing="0" border="0" width="595">
<tr>
<td colspan="3" background="images/home_49.gif" width="100%" ><table cellpadding="0" cellspacing="0" border="0"><tr><TD><img src="images/pixtrans.gif" width="10" height="18"></TD><td class="TITREBLANC"><!-- TITRE DU TABLEAU 2-->La Société</td></tr></table></td>
</tr>
<tr>
<td background="images/home_39.gif" valign="top" width="1"><img src="images/home_33.gif"></td>
<td width="433" class="TEXT" height="150" align="center"> <p align="left" style="margin-left:10px;margin-right:10px"> <br>
<strong>Zenith topographie </strong>doit son nom à son activité première, la topographie, base de sa création en 1992.
Depuis, comme vous pourrez le voir en visitant ce site, nous avons évolué :
sur cette base même vers des prestations plus ciblées comme la bathymétrie
ou sur des activités dérivées comme les études et enfin la maîtrise d’œuvre.
Nos dernières innovations sont la scannerisation et modélisation 3D, qui me paraissent être l’avenir de notre métier, et le lien indispensable entre le levé topographique classique et les projets d’études, afin de présenter dans l’avenir des simulations à échelle réelle des projets que l’on nous confiera.
Nous ne quitterons pas pour autant la base de notre métier, et le suivi topographique du tunnel du Perthus en est la preuve. Là aussi, la scannerisation nous a permis d’obtenir l’avance technologique nécessaire pour faire face à une concurrence de plus en plus difficile.
Cette avance nous avait permis déjà de conquérir des marchés jusque dans les Caraïbes, où, en 2001, notre équipement robotisé et l’utilisation du DGPS nous avaient permis de faire la différence sur un chantier de 3000 ha.
Aujourd’hui, nous avons acquis de l’expérience, du matériel, et persévérons dans la formation.</p><br>
<p align="right" style="margin-left:10px;margin-right:10px"> P.PHILIPPE, Dirigeant.
</p>
<td background="images/home_40.gif" valign="top" width="3"><img src="images/home_35.gif" width="3" height="31"></td>
</tr>
<tr>
<td colspan="3" valign="top" background="images/home_39.gif" width="100"><img src="images/home_43.gif" width="100%" height="3"></td>
</tr>
</table>
<!-- FIN TABLEAU 2 CENTRAL -->
<br>
<!-------------------------------------->
<!-- DEBUT TABLEAU 2 CENTRAL -->
<table cellpadding="0" cellspacing="0" border="0" width="595">
<tr>
<td colspan="3" background="images/pixrouge.gif" width="100%" > <table cellpadding="0" cellspacing="0" border="0"> <tr><TD><img src="images/pixtrans.gif" width="10" height="18"></TD><td class="TITREBLANC"><!-- TITRE DU TABLEAU 2-->Dernières réalisations</td></tr></table></td>
</tr>
<tr>
<td background="images/home_39.gif" valign="top" width="1"> <img src="images/home_33.gif" ></td>
<td width="433" class="TEXT" height="150" align="center"> <p align="left" style="margin-left:10px;margin-right:10px"> <br> Désireux de fournir des services optimaux et complets à nos clients, nous aggrémentons nos prestations par la fourniture de support de communication destinés à la publication ou au web. <br>
<table>
<tr>
<td><script type="text/javascript">
function showDiv2(n) {
var id;
var hide = 0;
switch(n) {
case 1 : id = "img2"; break;
case 2 : id = "lecteur2"; break;
}
if ( document.getElementById(id).style.display == "block" ) hide = 1;
document.getElementById('img2').style.display = "none";
document.getElementById('lecteur2').style.display = "none";
if ( hide != 1 ) document.getElementById(id).style.display = "block";
}
</script>
<div><center>
<div class="baliseDiv" id="img2">
<br /><br />
<span class="java" onclick="showDiv2(2)"><img src=" images/media/gifi_gris.jpg" Width="80%"Height="80%" /></span></div>
<div class="baliseDiv" style="display:none;" id="lecteur2">
<object type="application/x-shockwave-flash" data="mediaplayer.swf" width="300" height="185">
<param name="movie" value="mediaplayer.swf" />
<param name="flashvars" value="file=images/media/ass_gifi.flv&autostart=true&loop=true"/>
<p>Adobe Flash Player (ou un plug-in Flash pour votre navigateur) est requis pour lire la video.</p>
</object>
<span class="java" onclick="showDiv2(1)"><br /><br />...</center></span>
</div>
</div> </td>
<td><script type="text/javascript">
function showDiv(n) {
var id;
var hide = 0;
switch(n) {
case 1 : id = "img"; break;
case 2 : id = "lecteur"; break;
}
if ( document.getElementById(id).style.display == "block" ) hide = 1;
document.getElementById('img').style.display = "none";
document.getElementById('lecteur').style.display = "none";
if ( hide != 1 ) document.getElementById(id).style.display = "block";
}
</script>
<div><center>
<div class="baliseDiv" id="img">
<br /><br />
<span class="java" onclick="showDiv(2)"><img src="images/media/clairfont_05.jpg" Width="65%"Height="55%"/></span></div>
<div class="baliseDiv" style="display:none;" id="lecteur">
<object type="application/x-shockwave-flash" data="mediaplayer.swf" width="300" height="185">
<param name="movie" value="mediaplayer.swf" />
<param name="flashvars" value="file=images/media/clair_texture.flv&autostart=true&loop=true"/>
<p>Adobe Flash Player (ou un plug-in Flash pour votre navigateur) est requis pour lire la video.</p>
</object>
<span class="java" onclick="showDiv(1)"><br /><br />...</center></span>
</div>
</div></td>
<td>
<script type="text/javascript">
function showDiv3(n) {
var id;
var hide = 0;
switch(n) {
case 1 : id = "img3"; break;
case 2 : id = "lecteur3"; break;
}
if ( document.getElementById(id).style.display == "block" ) hide = 1;
document.getElementById('img3').style.display = "none";
document.getElementById('lecteur3').style.display = "none";
if ( hide != 1 ) document.getElementById(id).style.display = "block";
}
</script>
<div><center>
<div class="baliseDiv" id="img3">
<br /><br />
<span class="java" onclick="showDiv3(2)"><img src="images/media/03.jpg" Width="88%"Height="88%"/></span></div>
<div class="baliseDiv" style="display:none;" id="lecteur3">
<object type="application/x-shockwave-flash" data="mediaplayer.swf" width="300" height="185">
<param name="movie" value="mediaplayer.swf" />
<param name="flashvars" value="file=images/media/elne_la_nuit.flv&autostart=true&loop=true"/>
<p>Adobe Flash Player (ou un plug-in Flash pour votre navigateur) est requis pour lire la video.</p>
</object>
<span class="java" onclick="showDiv3(1)"><br /><br />...</center></span>
</div>
</div></td>
<td><script type="text/javascript">
function showDiv4(n) {
var id;
var hide = 0;
switch(n) {
case 1 : id = "img4"; break;
case 2 : id = "lecteur4"; break;
}
if ( document.getElementById(id).style.display == "block" ) hide = 1;
document.getElementById('img4').style.display = "none";
document.getElementById('lecteur4').style.display = "none";
if ( hide != 1 ) document.getElementById(id).style.display = "block";
}
</script>
<div><center>
<div class="baliseDiv" id="img4">
<br /><br />
<span class="java" onclick="showDiv4(2)"><img src="images/media/53pt.PNG" Width="88%"Height="88%" /></span></div>
<div class="baliseDiv" style="display:none;" id="lecteur4">
<object type="application/x-shockwave-flash" data="mediaplayer.swf" width="300" height="185">
<param name="movie" value="mediaplayer.swf" />
<param name="flashvars" value="file=images/media/villefranche.flv&autostart=true&loop=true"/>
<p>Adobe Flash Player (ou un plug-in Flash pour votre navigateur) est requis pour lire la video.</p>
</object>
<span class="java" onclick="showDiv4(1)"><br /><br />...</center></span>
</div>
</div></td>
</table>
<td background="images/home_40.gif" valign="top" width="3"><img src="images/home_35.gif" width="3" height="31"></td>
</tr>
<tr>
<td colspan="3" valign="top" background="images/home_39.gif" width="100"><img src="images/home_43.gif" width="100%" height="3"></td>
</tr>
</table> <br>
<!-- FIN TABLEAU 2 CENTRAL -->
</td>
<td background="images/home_30.gif" > <img src="images/home_30.gif" width="8" height="100%"></td>
</tr>
</table>
<br>
<br><div align="center"><font style="font-family:arial; font-size:9px">__________________________________________________________<br>Design © 2003 <a href="http://www.sergos.net" target="_blank">SERGOS</a> pour <a href="http://www.kitgrafik.com" target="_blank">kitgrafik</a></font></div>
</td>
<td width="156" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
</table><br>
</tD>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<br>
<br>
<br>
</body>
</html>
,