Nozon
Membre récent
 Hors-Ligne
Messages: 6
|
Bonjour,
Je suis en train de réaliser (bénévole) un site pour une société qui organise une course pédestre (récolte de fond pour la lutte contre le cancer). Je le fais avec Dreamweaver CS4 (DW CS4).
Je n'ai pas de connaissance suffisante pour le construire en langage HTML, mais j'en ai quelques une.
Voilà ma question:
Le comportement de la page n'est pas pareil dans Firefox 3.5 (OK) que dans EI8 (décalage).
Merci d'avance pour votre aide.
Voici le code de ma page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Montée du Nozon</title>
<script language="javascript">
// 1 - on initialise le compteur
numero=0;
// 2 - on met les images à afficher dans un beau tableau
mes_images=new Array("Images/LogoDiapoSponsors/1.jpg","Images/LogoDiapoSponsors/3.gif","Images/LogoDiapoSponsors/6.jpg","Images/LogoDiapoSponsors/4.jpg","Images/LogoDiapoSponsors/CarPostal.jpg");
// 3 - on crée la fonction animer
// Paramétres :
// 3 c'est le nombre d'images ;
// 2000 c'est les millisecondes (= 2 secondes) entre chaque apparition
function animer() {
document.image.src=mes_images[numero];
numero=numero+1;
if(numero==5){numero=0;}
setTimeout("animer()",2000)
}
</script>
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
Maintenant = new Date;
TempMaintenant = Maintenant.getTime();
Future = new Date(2010, 4, 08);
TempFuture = Future.getTime();
DiffSec = Math.floor((TempFuture-TempMaintenant)/1000);
DiffMin = Math.floor(DiffSec/60);
Diffheure = Math.floor(DiffMin/60);
DiffJour = Math.floor(Diffheure/24);
while (DiffMin>=60)
{
DiffMin = DiffMin-60;
}
while (Diffheure>=24)
{
Diffheure = Diffheure-24;
}
while (DiffSec>=60)
{
DiffSec = DiffSec-60;
}
</SCRIPT>
<!-- FIN DU SCRIPT -->
<style type="text/css">
<!--
#entete {
background-color: #EBF390;
height: 103px;
width: 1000px;
}
#conteneur #contenu ul {
font-family: Verdana, Geneva, sans-serif;
line-height: 40px;
font-weight: bold;
color: #060;
list-style-type: none;
padding-left: 2px;
font-size: 18px;
}
#contenu {
background-color: #EBF390;
height: 500px;
width: 1000px;
}
#pied {
background-color: #EBF390;
height: 70px;
width: 1000px;
text-align: center;
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
color: #060;
}
#conteneur {
background-color: #EBF390;
margin-right: auto;
margin-left: auto;
width: 1000px;
}
#CaseJourJ {
position:absolute;
left:925px;
top:124px;
width:200px;
height:70px;
z-index:1;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #F00;
font-weight: bold;
}
#CaseCpteReb {
position:absolute;
left:925px;
top:199px;
width:200px;
height:46px;
z-index:2;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: bold;
color: #F00;
text-align: center;
}
#CaseFondac {
position:absolute;
left:925px;
top:248px;
width:200px;
height:54px;
z-index:3;
text-align: center;
}
#CaseSponsors
{
position:absolute;
left:925px;
top:399px;
width:200px;
height:73px;
z-index:4;
}
#CaseCoursPed {
position:absolute;
left:925px;
top:325px;
width:200px;
height:54px;
z-index:5;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #060;
font-weight: bold;
}
#CaseProchaine {
position:absolute;
left:925px;
top:497px;
width:200px;
height:44px;
z-index:6;
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
color: #F00;
text-align: center;
font-weight: bold;
}
body {
background-color: #EBF390;
}
-->
</style>
</head>
<body onLoad="animer()">
<div id="CaseJourJ"><img src="Images/Jour_J.gif" alt="jour_J" width="37" height="56" hspace="76" vspace="3" /><br />
</div>
<div id="CaseCpteReb">
<script type="text/javascript">
document.write('Il ne reste plus que ' + DiffJour + ' jour(s) et ' + Diffheure + ' heure(s) ');
</script>
</div>
<div id="CaseFondac"><img src="Images/LogFondact.jpg" width="200" height="54" alt="fondaction" /></div>
<div id="CaseSponsors"><img src="Images/LogoDiapoSponsors/1.jpg" alt="Sponsors" id="image" /></span> </div>
<div id="CaseCoursPed">Course pédestre organisée en faveur de la recherche contre le cancer</div>
<div id="CaseProchaine">Prochaine édition <br />
le samedi 08 mai 2008</div>
<div id="conteneur">
<div id="entete"><img src="Images/BanniereSupFoulee.jpg" width="1000" height="103" alt="banniere" /></div>
<div id="contenu">
<ul>
<li>Accueil </li>
<li> Courses </li>
<li> Marche</li>
<li> Inscription</li>
<li> Situation</li>
<li> Infos</li>
<li> Parrainage</li>
<li> Résultats</li>
<li> Donateur</li>
<li> Galeries</li>
<li> NEWS<br />
</li>
</ul>
</div>
<div id="pied">
<h4>Webmaster<br />
<img src="Images/LOGO5firmInformatic copie.png" alt="logoWebmaster" width="200" height="31" /></h4>
</div>
</div>
</body>
</html>
|
Auteur 
