Sur Crazy browser ou IE, la page suivante s'affiche correctement. Mais pas sous Firefox. Le texte ne s'affiche pas correctement dans la cellule du tableau. Il mord sur la bordure de gauche et la marge est trop importante du côté gauche. Il est décalé sur la droite, quoi. Une idée du pourquoi du comment, svp?
<html>
<head>
<script language="javascript">
var Timer;
var Pas = 3;
function moveLayer(Sens)
{
if(document.getElementById)
Objet = document.getElementById("Contenu");
else
Objet = document.all["Contenu"];
if(parseInt(Objet.style.top) + (3*Sens) > 0)
Objet.style.top = "0px";
else
Objet.style.top = (parseInt(Objet.style.top) + (3*Sens)) + "px";
Timer = setTimeout("moveLayer(" + Sens + ");", 50);
}
</script>
<SCRIPT type=text/javascript> function setText(text) { document.getElementById("myText").firstChild.data = text;}</SCRIPT>
<link href="style.css" rel="stylesheet" type="text/css" />
<body topmargin="5" bgcolor="#e5662f">
<MAP id="map" NAME="map">
<AREA SHAPE="CIRCLE" COORDS="267,167,55" href="tarifs.html" onmouseover="setText('TARIFS');" onmouseout="setText('§§§');">
<AREA SHAPE="circle" COORDS="88,260,35" href="contact.html" onmouseover="setText('ME CONTACTER');" onmouseout="setText('§§§');">
<AREA SHAPE="circle" COORDS="160,175,50" href="prestationsannexes.html" onmouseover="setText('PRESTATIONS ANNEXES');" onmouseout="setText('§§§');">
<AREA SHAPE="circle" COORDS="145,328,40" href="prestationsclassiques.html" onmouseover="setText('PRESTATIONS CLASSIQUES');" onmouseout="setText('§§§');">
<AREA SHAPE="circle" COORDS="330,250,38" href="profil.html" onmouseover="setText('MON PROFIL');" onmouseout="setText('§§§');">
<AREA SHAPE="circle" COORDS="558,360,40" href="mentionslegales.html" onmouseover="setText('MENTIONS LEGALES');" onmouseout="setText('§§§');">
</MAP>
</head>
<body>
<div id="global">
<table height="470" border="0" width="980">
<TR>
<TH background="colonne.jpg"rowspan="2" width="320">
<br /><br /><br /><br /><br /><br /><br /><br />MON PROFIL<br /><br />
<div id="Support" style="position:relative;width:270;height:250px;overflow:hidden;border:0px solid #000000">
<div id="Contenu" style="position:absolute;width:270;height:250px;left:0;top:0;text-align:justify;">
Cette ludothèque idéale et imaginaire est faite de critiques de quelques jeux de société que j'ai particulièrement aimés et que j'ai envie de faire découvrir à tous. Comme je suis assez éclectique, il y en a pour tous les goûts, et comme je ne fais pas les choses à moitié, j'essaie d'ajouter deux ou trois jeux assez régulièrement. J'essaie aussi de maintenir un certain équilibre entre les grands classiques et les jeux méconnus, les nouveautés et les valeurs sures, les petits jeux et les plus gros. Vous n'y trouverez pas de critiques des jeux que je n'ai pas apprécié, ni de ceux auxquels je n'ai jamais joué.
</div>
</div>
<br />
<a href="indexvivi3.html" onmouseover="javascript:moveLayer(1);" onmouseout="javascript:clearTimeout(Timer);"><img src="flechehaut.jpg" border="0"></a>
<a href="indexvivi3.html" onmouseover="javascript:moveLayer(-1);" onmouseout="javascript:clearTimeout(Timer);"><img src="flechebas.jpg" border="0"></a>
</TH>
<TH height="468"><img src="image.jpg" usemap="#map" border="0">
</TH>
</TR>
<TR>
<TH background="bandeaubas.jpg" height="102" align="center"><span id="myText">§§§</span>
</TH>
</TR>
</table>
</div>
</body>
</html>
Partager