Problème d'affichage de mon site sur Mozilla
nico3009
Messages postés
103
Statut
Membre
-
FredZen -
FredZen -
Bonjour,
mon site est complètement décalé sur Mozilla alors que l'affichage est correct sous IE.
Je l'ai fit avec Frontpage à partir du menu création car je ne suis pas très calé en langage html.
L'adresse du site est : http://masterprono.free.fr
Le code de la page d'accueil est ci-dessous. Peut etre vous me conseillerez de le refaire mais peut etre il n'y a pas grand chose à faire pour résoudre le problème.
Je n'attends pas forcément que vous le corrigiez mais que vous me mettiez sur des pistes où me renseigner.
Merci d'avance.
<html>
<head>
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>MASTERPRONO</title>
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>
</head>
<body onload="FP_preloadImgs(/*url*/'button440.gif', /*url*/'button441.gif', /*url*/'button443.gif', /*url*/'button444.gif', /*url*/'button446.gif', /*url*/'button447.gif', /*url*/'button449.gif', /*url*/'button44A.gif', /*url*/'button44C.gif', /*url*/'button44D.gif', /*url*/'button44F.gif', /*url*/'button450.gif', /*url*/'button452.gif', /*url*/'button453.gif', /*url*/'button159.gif', /*url*/'button160.gif', /*url*/'button1B.jpg', /*url*/'button1C.jpg', /*url*/'button162.gif', /*url*/'button163.gif', /*url*/'button164.gif', /*url*/'button165.gif', /*url*/'button166.gif', /*url*/'button167.gif')">
<div style="position: absolute; width: 1000px; height: 607px; z-index: 7; left: 2px; top: 3px" id="couche14">
<script src="http://www.publo.fr/javascript/publo_meteo.js" type="text/javascript" charset="UTF-8"> </script>
<script src="http://www.publo.fr/javascript/publo_actualite.js" type="text/javascript" charset="UTF-8"> </script>
<div style="position: absolute; width: 259px; height: 93px; z-index: 6; left: 1px; top: 0px; bottom: 0; border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; padding-top: 15px; padding-bottom: 1px; background-color: #66CCFF" id="couche21">
<p class="MsoNormal">
<span style="font-size: 34pt; font-family: Roman; color: #FFCC66; letter-spacing: -3px; font-weight:700">
MASTERPRONO</span></div>
<div style="border-style:solid; border-width:1px; position: absolute; width: 741px; height: 42px; z-index: 5; left: 259px; top: 0px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#FEE867" id="couche4">
<p align="center">
<a href="index.htm">
<img border="0" src="accueil0.gif" width="41" height="50"></a>
<a href="pronos.php">
<img border="0" src="bonhommes.gif" width="30" height="56"></a>
<a href="allgroupea.php">
<img border="0" src="1sportballonfoot.gif" width="51" height="46"></a>
<a href="playoffsallemagne.php"><img border="0" src="coupe.gif" width="42" height="51"></a>
<a href="http://masterprono.xooit.fr/index.php">
<img border="0" src="forum.gif" width="48" height="48"></a>
<a href="reglement.htm">
<img border="0" src="reglement.gif" width="58" height="52"></a>
<a href="mailto:masterprono@free.fr?subject=Question d'ordre général">
<img border="0" src="email0.gif" width="32" height="41"></a></div>
<div style="border-style:solid; border-width:1px; position: absolute; width: 741px; height: 30px; z-index: 6; left: 259px; top: 63px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#FFCC66" id="couche5">
<p align="left">
<a href="index.htm">
<img border="0" id="img19" src="button43F.gif" height="20" width="100" alt="Accueil" onmouseover="FP_swapImg(1,0,/*id*/'img19',/*url*/'button440.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img19',/*url*/'button43F.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img19',/*url*/'button441.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img19',/*url*/'button440.gif')" fp-style="fp-btn: Simple Text 4; fp-font: Comic Sans MS; fp-font-size: 12; fp-font-color-normal: #000000; fp-font-color-hover: #66CCFF; fp-font-color-press: #66CCFF; fp-transparent: 1" fp-title="Accueil"></a>
<a href="pronos.php">
<img border="0" id="img20" src="button442.gif" height="20" width="100" alt="Pronos" onmouseover="FP_swapImg(1,0,/*id*/'img20',/*url*/'button443.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img20',/*url*/'button442.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img20',/*url*/'button444.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img20',/*url*/'button443.gif')" fp-style="fp-btn: Simple Text 4; fp-font: Comic Sans MS; fp-font-size: 12; fp-font-color-normal: #000000; fp-font-color-hover: #66CCFF; fp-font-color-press: #66CCFF; fp-transparent: 1" fp-title="Pronos"></a>
<a href="allgroupea.php">
<img border="0" id="img21" src="button445.gif" height="20" width="100" alt="Championnats" onmouseover="FP_swapImg(1,0,/*id*/'img21',/*url*/'button446.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img21',/*url*/'button445.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img21',/*url*/'button447.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img21',/*url*/'button446.gif')" fp-style="fp-btn: Simple Text 4; fp-font: Comic Sans MS; fp-font-size: 12; fp-font-color-normal: #000000; fp-font-color-hover: #66CCFF; fp-font-color-press: #66CCFF; fp-transparent: 1" fp-title="Championnats"></a>
<a href="playoffsallemagne.php">
<img border="0" id="img22" src="button448.gif" height="20" width="100" alt="Playoffs" onmouseover="FP_swapImg(1,0,/*id*/'img22',/*url*/'button449.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img22',/*url*/'button448.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img22',/*url*/'button44A.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img22',/*url*/'button449.gif')" fp-style="fp-btn: Simple Text 4; fp-font: Comic Sans MS; fp-font-size: 12; fp-font-color-normal: #000000; fp-font-color-hover: #66CCFF; fp-font-color-press: #66CCFF; fp-transparent: 1" fp-title="Playoffs"></a>
<a href="http://masterprono.xooit.fr/index.php">
<img border="0" id="img23" src="button44B.gif" height="20" width="100" alt="Forum" onmouseover="FP_swapImg(1,0,/*id*/'img23',/*url*/'button44C.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img23',/*url*/'button44B.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img23',/*url*/'button44D.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img23',/*url*/'button44C.gif')" fp-style="fp-btn: Simple Text 4; fp-font: Comic Sans MS; fp-font-size: 12; fp-font-color-normal: #000000; fp-font-color-hover: #66CCFF; fp-font-color-press: #66CCFF; fp-transparent: 1" fp-title="Forum"></a>
<a href="reglement.htm">
<img border="0" id="img24" src="button44E.gif" height="20" width="100" alt="Règlement" onmouseover="FP_swapImg(1,0,/*id*/'img24',/*url*/'button44F.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img24',/*url*/'button44E.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img24',/*url*/'button450.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img24',/*url*/'button44F.gif')" fp-style="fp-btn: Simple Text 4; fp-font: Comic Sans MS; fp-font-size: 12; fp-font-color-normal: #000000; fp-font-color-hover: #66CCFF; fp-font-color-press: #66CCFF; fp-transparent: 1" fp-title="Règlement"></a>
<a href="mailto:masterprono@free.fr?subject=Question d'ordre général">
<img border="0" id="img25" src="button451.gif" height="20" width="100" alt="Contact" onmouseover="FP_swapImg(1,0,/*id*/'img25',/*url*/'button452.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img25',/*url*/'button451.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img25',/*url*/'button453.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img25',/*url*/'button452.gif')" fp-style="fp-btn: Simple Text 4; fp-font: Comic Sans MS; fp-font-size: 12; fp-font-color-normal: #000000; fp-font-color-hover: #66CCFF; fp-font-color-press: #66CCFF; fp-transparent: 1" fp-title="Contact"></a></div>
<div style="position: absolute; width: 996px; height: 508px; z-index: 22; left: 3px; top: 97px" id="couche27">
<div style="position: absolute; width: 174px; height: 118px; z-index: 20; left: 755px; top: 353px" id="couche28" align="center">
<SCRIPT language="Javascript" src="http://www.website-tools.eu/C-Live/c-live.php?style=2&id=102&bcolor=000000&tcolor=000000&color=0099ff&texte=Masterprono&fcolor=ffcc00&tfcolor=000000"></SCRIPT>
<NOSCRIPT><A HREF="http://www.website-tools.eu">Website Tools</A></NOSCRIPT>
</div>
<div style="position: absolute; width: 177px; height: 123px; z-index: 8; left: 19px; top: 350px; background-color:#FFCC66" id="couche23">
<div id="publo_meteo" cle="ezYwO1dUTU9WdDV0RUQyemRHSjZBbk9pTXc9PX0=" />
</div>
</div>
<div style="position: absolute; width: 174px; height: 101px; z-index: 2; left: 22px; top: 9px; border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px" id="couche15">
<img border="0" id="img33" src="button1A.jpg" height="20" width="100" alt="Calendrier" onmouseover="FP_swapImg(1,0,/*id*/'img33',/*url*/'button1B.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img33',/*url*/'button1A.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img33',/*url*/'button1C.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img33',/*url*/'button1B.jpg')" fp-style="fp-btn: Simple Text 1; fp-font: Comic Sans MS; fp-font-size: 10; fp-font-color-normal: #000000; fp-font-color-hover: #000000; fp-font-color-press: #000000" fp-title="Calendrier"><div style="position: absolute; width: 172px; height: 24px; z-index: 7; left: 0px; top: 75px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#FFCC66" id="couche37">
<p align="center"><a href="palmares.htm">
<img border="0" id="img36" src="button168.gif" height="20" width="150" alt="Palmares" onmouseover="FP_swapImg(1,0,/*id*/'img36',/*url*/'button166.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img36',/*url*/'button168.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img36',/*url*/'button167.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img36',/*url*/'button166.gif')" fp-style="fp-btn: Simple Text 1; fp-font: Comic Sans MS; fp-font-style: Bold; fp-font-size: 10; fp-font-color-normal: #000000; fp-transparent: 1; fp-proportional: 0" fp-title="Palmares"></a></div>
<div style="position: absolute; width: 172px; height: 24px; z-index: 7; left: 0px; top: 50px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#FFCC66" id="couche36">
<p align="center"><a href="recapbuts.htm">
<img border="0" id="img35" src="button169.gif" height="20" width="150" alt="Classement des buteurs" fp-style="fp-btn: Simple Text 1; fp-font: Comic Sans MS; fp-font-style: Bold; fp-font-size: 10; fp-font-color-normal: #000000; fp-transparent: 1; fp-proportional: 0" fp-title="Classement des buteurs" onmouseover="FP_swapImg(1,0,/*id*/'img35',/*url*/'button164.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img35',/*url*/'button169.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img35',/*url*/'button165.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img35',/*url*/'button164.gif')"></a></div>
<div style="position: absolute; width: 172px; height: 24px; z-index: 7; left: 0px; top: 25px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#FFCC66" id="couche35">
<p align="center"><a href="calendrier.htm">
<img border="0" id="img34" src="button170.gif" height="20" width="150" alt="Calendrier" fp-style="fp-btn: Simple Text 1; fp-font: Comic Sans MS; fp-font-style: Bold; fp-font-size: 10; fp-font-color-normal: #000000; fp-transparent: 1; fp-proportional: 0" fp-title="Calendrier" onmouseover="FP_swapImg(1,0,/*id*/'img34',/*url*/'button162.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img34',/*url*/'button170.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img34',/*url*/'button163.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img34',/*url*/'button162.gif')"></a></div>
<div style="position: absolute; width: 172px; height: 24px; z-index: 7; left: 0px; top: 0px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#00FF00" id="couche34">
<p align="center"><a href="formulaire.htm">
<img border="0" id="img32" src="button161.gif" height="20" width="130" alt="Inscription" fp-style="fp-btn: Simple Text 1; fp-font: Comic Sans MS; fp-font-style: Bold; fp-font-size: 10; fp-font-color-normal: #000000; fp-transparent: 1; fp-proportional: 0" fp-title="Inscription" onmouseover="FP_swapImg(1,0,/*id*/'img32',/*url*/'button159.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img32',/*url*/'button161.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img32',/*url*/'button160.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img32',/*url*/'button159.gif')"></a></div>
</div>
<div style="position: absolute; width: 589px; height: 79px; z-index: 4; left: 250px; top: 25px" id="couche7">
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="589" height="80">
<param name="movie" value="tmpl051_346cc60583cafd.swf">
<param name="quality" value="High">
<embed src="tmpl051_346cc60583cafd.swf" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" name="obj1" width="589" height="80"></object>
</div>
<div style="position: absolute; width: 203px; height: 31px; z-index: 22; left: 456px; top: 423px" id="couche29">
<form method="POST" action="qualifications.php">
<p><SELECT NAME=pseudo>
<OPTION>
</SELECT>
<input type="submit" value="Envoyer"></p>
</form>
</div>
<div style="position: absolute; width: 285px; height: 26px; z-index: 23; left: 411px; top: 392px" id="couche30">
<blink><font color="#FF0000"><b>Vérifiez vos qualifications pour les
playoffs</b></font></blink></div>
<div style="position: absolute; width: 167px; height: 23px; z-index: 24; left: 458px; top: 130px; background-color:#FFCC66" id="couche31">
<font face="Comic Sans MS">
<a href="https://www.livescore.in/" title="LIVESCORE.in" target="_blank" style="text-decoration: none blink; font-style: italic">
<font color="#000000">Les matchs en LIVE !!!</font></a></font>
</div>
<div style="position: absolute; width: 48px; height: 36px; z-index: 25; left: 398px; top: 123px" id="couche32">
<img border="0" src="Fleches-116.gif" width="45" height="33"></div>
<div style="position: absolute; width: 48px; height: 38px; z-index: 25; left: 636px; top: 124px" id="couche33">
<img border="0" src="Fleches-117.gif" width="45" height="33"></div>
<p><img border="0" src="ligue%20champ.JPG" width="996" height="507"></div>
</div>
</body>
</html>
mon site est complètement décalé sur Mozilla alors que l'affichage est correct sous IE.
Je l'ai fit avec Frontpage à partir du menu création car je ne suis pas très calé en langage html.
L'adresse du site est : http://masterprono.free.fr
Le code de la page d'accueil est ci-dessous. Peut etre vous me conseillerez de le refaire mais peut etre il n'y a pas grand chose à faire pour résoudre le problème.
Je n'attends pas forcément que vous le corrigiez mais que vous me mettiez sur des pistes où me renseigner.
Merci d'avance.
<html>
<head>
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>MASTERPRONO</title>
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>
</head>
<body onload="FP_preloadImgs(/*url*/'button440.gif', /*url*/'button441.gif', /*url*/'button443.gif', /*url*/'button444.gif', /*url*/'button446.gif', /*url*/'button447.gif', /*url*/'button449.gif', /*url*/'button44A.gif', /*url*/'button44C.gif', /*url*/'button44D.gif', /*url*/'button44F.gif', /*url*/'button450.gif', /*url*/'button452.gif', /*url*/'button453.gif', /*url*/'button159.gif', /*url*/'button160.gif', /*url*/'button1B.jpg', /*url*/'button1C.jpg', /*url*/'button162.gif', /*url*/'button163.gif', /*url*/'button164.gif', /*url*/'button165.gif', /*url*/'button166.gif', /*url*/'button167.gif')">
<div style="position: absolute; width: 1000px; height: 607px; z-index: 7; left: 2px; top: 3px" id="couche14">
<script src="http://www.publo.fr/javascript/publo_meteo.js" type="text/javascript" charset="UTF-8"> </script>
<script src="http://www.publo.fr/javascript/publo_actualite.js" type="text/javascript" charset="UTF-8"> </script>
<div style="position: absolute; width: 259px; height: 93px; z-index: 6; left: 1px; top: 0px; bottom: 0; border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; padding-top: 15px; padding-bottom: 1px; background-color: #66CCFF" id="couche21">
<p class="MsoNormal">
<span style="font-size: 34pt; font-family: Roman; color: #FFCC66; letter-spacing: -3px; font-weight:700">
MASTERPRONO</span></div>
<div style="border-style:solid; border-width:1px; position: absolute; width: 741px; height: 42px; z-index: 5; left: 259px; top: 0px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#FEE867" id="couche4">
<p align="center">
<a href="index.htm">
<img border="0" src="accueil0.gif" width="41" height="50"></a>
<a href="pronos.php">
<img border="0" src="bonhommes.gif" width="30" height="56"></a>
<a href="allgroupea.php">
<img border="0" src="1sportballonfoot.gif" width="51" height="46"></a>
<a href="playoffsallemagne.php"><img border="0" src="coupe.gif" width="42" height="51"></a>
<a href="http://masterprono.xooit.fr/index.php">
<img border="0" src="forum.gif" width="48" height="48"></a>
<a href="reglement.htm">
<img border="0" src="reglement.gif" width="58" height="52"></a>
<a href="mailto:masterprono@free.fr?subject=Question d'ordre général">
<img border="0" src="email0.gif" width="32" height="41"></a></div>
<div style="border-style:solid; border-width:1px; position: absolute; width: 741px; height: 30px; z-index: 6; left: 259px; top: 63px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#FFCC66" id="couche5">
<p align="left">
<a href="index.htm">
<img border="0" id="img19" src="button43F.gif" height="20" width="100" alt="Accueil" onmouseover="FP_swapImg(1,0,/*id*/'img19',/*url*/'button440.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img19',/*url*/'button43F.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img19',/*url*/'button441.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img19',/*url*/'button440.gif')" fp-style="fp-btn: Simple Text 4; fp-font: Comic Sans MS; fp-font-size: 12; fp-font-color-normal: #000000; fp-font-color-hover: #66CCFF; fp-font-color-press: #66CCFF; fp-transparent: 1" fp-title="Accueil"></a>
<a href="pronos.php">
<img border="0" id="img20" src="button442.gif" height="20" width="100" alt="Pronos" onmouseover="FP_swapImg(1,0,/*id*/'img20',/*url*/'button443.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img20',/*url*/'button442.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img20',/*url*/'button444.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img20',/*url*/'button443.gif')" fp-style="fp-btn: Simple Text 4; fp-font: Comic Sans MS; fp-font-size: 12; fp-font-color-normal: #000000; fp-font-color-hover: #66CCFF; fp-font-color-press: #66CCFF; fp-transparent: 1" fp-title="Pronos"></a>
<a href="allgroupea.php">
<img border="0" id="img21" src="button445.gif" height="20" width="100" alt="Championnats" onmouseover="FP_swapImg(1,0,/*id*/'img21',/*url*/'button446.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img21',/*url*/'button445.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img21',/*url*/'button447.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img21',/*url*/'button446.gif')" fp-style="fp-btn: Simple Text 4; fp-font: Comic Sans MS; fp-font-size: 12; fp-font-color-normal: #000000; fp-font-color-hover: #66CCFF; fp-font-color-press: #66CCFF; fp-transparent: 1" fp-title="Championnats"></a>
<a href="playoffsallemagne.php">
<img border="0" id="img22" src="button448.gif" height="20" width="100" alt="Playoffs" onmouseover="FP_swapImg(1,0,/*id*/'img22',/*url*/'button449.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img22',/*url*/'button448.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img22',/*url*/'button44A.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img22',/*url*/'button449.gif')" fp-style="fp-btn: Simple Text 4; fp-font: Comic Sans MS; fp-font-size: 12; fp-font-color-normal: #000000; fp-font-color-hover: #66CCFF; fp-font-color-press: #66CCFF; fp-transparent: 1" fp-title="Playoffs"></a>
<a href="http://masterprono.xooit.fr/index.php">
<img border="0" id="img23" src="button44B.gif" height="20" width="100" alt="Forum" onmouseover="FP_swapImg(1,0,/*id*/'img23',/*url*/'button44C.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img23',/*url*/'button44B.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img23',/*url*/'button44D.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img23',/*url*/'button44C.gif')" fp-style="fp-btn: Simple Text 4; fp-font: Comic Sans MS; fp-font-size: 12; fp-font-color-normal: #000000; fp-font-color-hover: #66CCFF; fp-font-color-press: #66CCFF; fp-transparent: 1" fp-title="Forum"></a>
<a href="reglement.htm">
<img border="0" id="img24" src="button44E.gif" height="20" width="100" alt="Règlement" onmouseover="FP_swapImg(1,0,/*id*/'img24',/*url*/'button44F.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img24',/*url*/'button44E.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img24',/*url*/'button450.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img24',/*url*/'button44F.gif')" fp-style="fp-btn: Simple Text 4; fp-font: Comic Sans MS; fp-font-size: 12; fp-font-color-normal: #000000; fp-font-color-hover: #66CCFF; fp-font-color-press: #66CCFF; fp-transparent: 1" fp-title="Règlement"></a>
<a href="mailto:masterprono@free.fr?subject=Question d'ordre général">
<img border="0" id="img25" src="button451.gif" height="20" width="100" alt="Contact" onmouseover="FP_swapImg(1,0,/*id*/'img25',/*url*/'button452.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img25',/*url*/'button451.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img25',/*url*/'button453.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img25',/*url*/'button452.gif')" fp-style="fp-btn: Simple Text 4; fp-font: Comic Sans MS; fp-font-size: 12; fp-font-color-normal: #000000; fp-font-color-hover: #66CCFF; fp-font-color-press: #66CCFF; fp-transparent: 1" fp-title="Contact"></a></div>
<div style="position: absolute; width: 996px; height: 508px; z-index: 22; left: 3px; top: 97px" id="couche27">
<div style="position: absolute; width: 174px; height: 118px; z-index: 20; left: 755px; top: 353px" id="couche28" align="center">
<SCRIPT language="Javascript" src="http://www.website-tools.eu/C-Live/c-live.php?style=2&id=102&bcolor=000000&tcolor=000000&color=0099ff&texte=Masterprono&fcolor=ffcc00&tfcolor=000000"></SCRIPT>
<NOSCRIPT><A HREF="http://www.website-tools.eu">Website Tools</A></NOSCRIPT>
</div>
<div style="position: absolute; width: 177px; height: 123px; z-index: 8; left: 19px; top: 350px; background-color:#FFCC66" id="couche23">
<div id="publo_meteo" cle="ezYwO1dUTU9WdDV0RUQyemRHSjZBbk9pTXc9PX0=" />
</div>
</div>
<div style="position: absolute; width: 174px; height: 101px; z-index: 2; left: 22px; top: 9px; border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px" id="couche15">
<img border="0" id="img33" src="button1A.jpg" height="20" width="100" alt="Calendrier" onmouseover="FP_swapImg(1,0,/*id*/'img33',/*url*/'button1B.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img33',/*url*/'button1A.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img33',/*url*/'button1C.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img33',/*url*/'button1B.jpg')" fp-style="fp-btn: Simple Text 1; fp-font: Comic Sans MS; fp-font-size: 10; fp-font-color-normal: #000000; fp-font-color-hover: #000000; fp-font-color-press: #000000" fp-title="Calendrier"><div style="position: absolute; width: 172px; height: 24px; z-index: 7; left: 0px; top: 75px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#FFCC66" id="couche37">
<p align="center"><a href="palmares.htm">
<img border="0" id="img36" src="button168.gif" height="20" width="150" alt="Palmares" onmouseover="FP_swapImg(1,0,/*id*/'img36',/*url*/'button166.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img36',/*url*/'button168.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img36',/*url*/'button167.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img36',/*url*/'button166.gif')" fp-style="fp-btn: Simple Text 1; fp-font: Comic Sans MS; fp-font-style: Bold; fp-font-size: 10; fp-font-color-normal: #000000; fp-transparent: 1; fp-proportional: 0" fp-title="Palmares"></a></div>
<div style="position: absolute; width: 172px; height: 24px; z-index: 7; left: 0px; top: 50px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#FFCC66" id="couche36">
<p align="center"><a href="recapbuts.htm">
<img border="0" id="img35" src="button169.gif" height="20" width="150" alt="Classement des buteurs" fp-style="fp-btn: Simple Text 1; fp-font: Comic Sans MS; fp-font-style: Bold; fp-font-size: 10; fp-font-color-normal: #000000; fp-transparent: 1; fp-proportional: 0" fp-title="Classement des buteurs" onmouseover="FP_swapImg(1,0,/*id*/'img35',/*url*/'button164.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img35',/*url*/'button169.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img35',/*url*/'button165.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img35',/*url*/'button164.gif')"></a></div>
<div style="position: absolute; width: 172px; height: 24px; z-index: 7; left: 0px; top: 25px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#FFCC66" id="couche35">
<p align="center"><a href="calendrier.htm">
<img border="0" id="img34" src="button170.gif" height="20" width="150" alt="Calendrier" fp-style="fp-btn: Simple Text 1; fp-font: Comic Sans MS; fp-font-style: Bold; fp-font-size: 10; fp-font-color-normal: #000000; fp-transparent: 1; fp-proportional: 0" fp-title="Calendrier" onmouseover="FP_swapImg(1,0,/*id*/'img34',/*url*/'button162.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img34',/*url*/'button170.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img34',/*url*/'button163.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img34',/*url*/'button162.gif')"></a></div>
<div style="position: absolute; width: 172px; height: 24px; z-index: 7; left: 0px; top: 0px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#00FF00" id="couche34">
<p align="center"><a href="formulaire.htm">
<img border="0" id="img32" src="button161.gif" height="20" width="130" alt="Inscription" fp-style="fp-btn: Simple Text 1; fp-font: Comic Sans MS; fp-font-style: Bold; fp-font-size: 10; fp-font-color-normal: #000000; fp-transparent: 1; fp-proportional: 0" fp-title="Inscription" onmouseover="FP_swapImg(1,0,/*id*/'img32',/*url*/'button159.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img32',/*url*/'button161.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img32',/*url*/'button160.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img32',/*url*/'button159.gif')"></a></div>
</div>
<div style="position: absolute; width: 589px; height: 79px; z-index: 4; left: 250px; top: 25px" id="couche7">
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="589" height="80">
<param name="movie" value="tmpl051_346cc60583cafd.swf">
<param name="quality" value="High">
<embed src="tmpl051_346cc60583cafd.swf" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" name="obj1" width="589" height="80"></object>
</div>
<div style="position: absolute; width: 203px; height: 31px; z-index: 22; left: 456px; top: 423px" id="couche29">
<form method="POST" action="qualifications.php">
<p><SELECT NAME=pseudo>
<OPTION>
</SELECT>
<input type="submit" value="Envoyer"></p>
</form>
</div>
<div style="position: absolute; width: 285px; height: 26px; z-index: 23; left: 411px; top: 392px" id="couche30">
<blink><font color="#FF0000"><b>Vérifiez vos qualifications pour les
playoffs</b></font></blink></div>
<div style="position: absolute; width: 167px; height: 23px; z-index: 24; left: 458px; top: 130px; background-color:#FFCC66" id="couche31">
<font face="Comic Sans MS">
<a href="https://www.livescore.in/" title="LIVESCORE.in" target="_blank" style="text-decoration: none blink; font-style: italic">
<font color="#000000">Les matchs en LIVE !!!</font></a></font>
</div>
<div style="position: absolute; width: 48px; height: 36px; z-index: 25; left: 398px; top: 123px" id="couche32">
<img border="0" src="Fleches-116.gif" width="45" height="33"></div>
<div style="position: absolute; width: 48px; height: 38px; z-index: 25; left: 636px; top: 124px" id="couche33">
<img border="0" src="Fleches-117.gif" width="45" height="33"></div>
<p><img border="0" src="ligue%20champ.JPG" width="996" height="507"></div>
</div>
</body>
</html>
A voir également:
- Problème d'affichage de mon site sur Mozilla
- Site de telechargement - Accueil - Outils
- Site x - Guide
- Site de partage de photos - Guide
- Downloadhelper mozilla - Télécharger - Outils pour navigateurs
- Quel site remplace coco - Accueil - Réseaux sociaux
5 réponses
Je suis désolé de t'annoncer ça mais frontpage est déjà bien dépassé. De toute façon, Microsoft aime garder ses monopoles et donc ses logiciels ne servent que pour ses logiciels (donc IE dans ce cas). Tous les autres navigateurs (firefox, safari, google chrome, opera...) afficheront ton site avec beaucoup d'erreurs. La faute est celle de Microsoft car ce sont les seuls à pas du tout respecter les normes internationales en terme d'affichage de site. (IE 8 a un peu améliorer le respect de ses normes mais c'est toujours pas terrible).
Ton site est à refaire à 90%.
Ton site est à refaire à 90%.
Bonjour,
inutile de mettre le code source ici, on peut très bien le voir en faisant un clic droit
Effectivement il faut éviter d'utiliser frontpage.
Si tu veux vraiment te mettre à la création web, apprends le html/css et surtout le php pour réaliser un site dynamique.Tu auras besoin de bases de données pour ton site.
Mais on peut comprendre que tu veuille aller plus vite, dans ce cas utilises un cms du genre drupal ou cmsmadesimple... https://framalibre.org
C'est marrant mais quand je lis masterprono je vois tout le temps masterporno, je dois être un peu trop à l'ouest.
http://validator.w3.org/...
il y a 38 erreurs de code et pas de doctype.
Non, vraiment tu dois te mettre au xhtml et css et pas de mise en page avec des tableaux.
inutile de mettre le code source ici, on peut très bien le voir en faisant un clic droit
Effectivement il faut éviter d'utiliser frontpage.
Si tu veux vraiment te mettre à la création web, apprends le html/css et surtout le php pour réaliser un site dynamique.Tu auras besoin de bases de données pour ton site.
Mais on peut comprendre que tu veuille aller plus vite, dans ce cas utilises un cms du genre drupal ou cmsmadesimple... https://framalibre.org
C'est marrant mais quand je lis masterprono je vois tout le temps masterporno, je dois être un peu trop à l'ouest.
http://validator.w3.org/...
il y a 38 erreurs de code et pas de doctype.
Non, vraiment tu dois te mettre au xhtml et css et pas de mise en page avec des tableaux.
Bonjour,
merci pour ces réponses.
Concernant le doctype, je m'étais un peu renseigné sur ça. J'en avais défini un du type "strict" ou quelque chose dans ce genre. Du coup sur Mozilla c'etait presque ok mais plus sur IE :))
Je vais donc refaire mes pages html en essayant de comprendre comment marche le css.
Pour ce qui est du php, mon site fonctionne déjà pas mal avec ça ainsi qu'avec mysql. J'ai appris à m'en servir grace à d'excellents tutos, étant novice en programmation.
Quel logiciel me conseillez vous qui pourrait remplacer Frontpage et dans lequel je ne sois pas trop perdu?
Merci
merci pour ces réponses.
Concernant le doctype, je m'étais un peu renseigné sur ça. J'en avais défini un du type "strict" ou quelque chose dans ce genre. Du coup sur Mozilla c'etait presque ok mais plus sur IE :))
Je vais donc refaire mes pages html en essayant de comprendre comment marche le css.
Pour ce qui est du php, mon site fonctionne déjà pas mal avec ça ainsi qu'avec mysql. J'ai appris à m'en servir grace à d'excellents tutos, étant novice en programmation.
Quel logiciel me conseillez vous qui pourrait remplacer Frontpage et dans lequel je ne sois pas trop perdu?
Merci
Perso je code tout à la main... avec notepad++.
Je n'aime pas les logiciels wysiwyg, je code la structure du site en xhtml d'une part puis je m'attaque à la mise en page avec css tout à la fin.
Je n'aime pas les logiciels wysiwyg, je code la structure du site en xhtml d'une part puis je m'attaque à la mise en page avec css tout à la fin.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour,
Je vous trouve un peu dur avec frontpage qui m'a rendu de bons services par le passé. N'oublions pas qu'il s'agit aussi d'un bon GUI et je m'en sert encore pour préparer des maquettes de projet. A moi à rentrer après dans le code html pour virer les éléments propriétaires.
Bref...
Pour le décalage et si sa peut te mettre sur la voie, passe en mode code ou fractionné :
un des problème vient de la balise div (couche4)
- méfie toi de la balise <p> et aligne préfère le style="text-align: center;"
- d'autre part la hauteur de la couche4 est inférieur à la hauter maxi de tes images.
- le mieux est de virer height et width dans le style de la couche4 et quelques "  " aussi.
- méfie toi aussi de la balise <p class="MsoNormal"> qui encadre presque tout ton <body> (class CSS propiétaire Microsoft office) qui risque d'appliquer un style que tu ne contrôle pas.
Voici un petit aperçu qui fonctionne un peut mieux sous FF
<div style="text-align: center;border-style:solid; border-width:1px; position: absolute; z-index: 5; left: 259px; top: 0px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#FEE867;"
id="couche4">
<a href="unsaved:///index.htm">
<img border="0" src="unsaved:///accueil0.gif" width="41" height="50"></a>
<a href="unsaved:///pronos.php">
<img border="0" src="unsaved:///bonhommes.gif" width="30" height="56"></a>
<a href="unsaved:///allgroupea.php">
<img border="0" src="unsaved:///1sportballonfoot.gif" width="51" height="46"></a>
<a href="unsaved:///playoffsallemagne.php"><img border="0" src="unsaved:///coupe.gif" width="42" height="51"></a>
<a href="http://masterprono.xooit.fr/index.php">
<img border="0" src="unsaved:///forum.gif" width="48" height="48"></a>
<a href="unsaved:///reglement.htm">
<img border="0" src="unsaved:///reglement.gif" width="58" height="52"></a>
<a href="mailto:masterprono@free.fr?subject=Question d'ordre général">
<img border="0" src="unsaved:///email0.gif" width="32" height="41"></a></div>
Je vous trouve un peu dur avec frontpage qui m'a rendu de bons services par le passé. N'oublions pas qu'il s'agit aussi d'un bon GUI et je m'en sert encore pour préparer des maquettes de projet. A moi à rentrer après dans le code html pour virer les éléments propriétaires.
Bref...
Pour le décalage et si sa peut te mettre sur la voie, passe en mode code ou fractionné :
un des problème vient de la balise div (couche4)
- méfie toi de la balise <p> et aligne préfère le style="text-align: center;"
- d'autre part la hauteur de la couche4 est inférieur à la hauter maxi de tes images.
- le mieux est de virer height et width dans le style de la couche4 et quelques "  " aussi.
- méfie toi aussi de la balise <p class="MsoNormal"> qui encadre presque tout ton <body> (class CSS propiétaire Microsoft office) qui risque d'appliquer un style que tu ne contrôle pas.
Voici un petit aperçu qui fonctionne un peut mieux sous FF
<div style="text-align: center;border-style:solid; border-width:1px; position: absolute; z-index: 5; left: 259px; top: 0px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#FEE867;"
id="couche4">
<a href="unsaved:///index.htm">
<img border="0" src="unsaved:///accueil0.gif" width="41" height="50"></a>
<a href="unsaved:///pronos.php">
<img border="0" src="unsaved:///bonhommes.gif" width="30" height="56"></a>
<a href="unsaved:///allgroupea.php">
<img border="0" src="unsaved:///1sportballonfoot.gif" width="51" height="46"></a>
<a href="unsaved:///playoffsallemagne.php"><img border="0" src="unsaved:///coupe.gif" width="42" height="51"></a>
<a href="http://masterprono.xooit.fr/index.php">
<img border="0" src="unsaved:///forum.gif" width="48" height="48"></a>
<a href="unsaved:///reglement.htm">
<img border="0" src="unsaved:///reglement.gif" width="58" height="52"></a>
<a href="mailto:masterprono@free.fr?subject=Question d'ordre général">
<img border="0" src="unsaved:///email0.gif" width="32" height="41"></a></div>
