Site web

Geoffrey62 -  
 Geoffrey62 -
Bonjour, j' ai fais récemment un site internet avec NVU, cependant un problème se pose, en effet, mes écritures se décale à gauche avec IE et sont très bien centré avec Mozilla Firefox.

cela est assez pénible :S

voici le code source :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Bienvenue sur le site de Prestige Coiffure</title>
<!-- DEBUT DU SCRIPT -->
<style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:Verdana;
font-weight:bold;
color:#FFFFFF;
}
</style>
<script language="JavaScript">
/*
Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
URL du script : http://www.editeurjavascript.com/scripts/scripts_textes_1_78.php
*/
var x,y
var step=20
var flag=0
var message='Prestige Coiffure '
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50
}
function handlerMM(e){
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
flag=1
}
function makesnake() {
if (flag==1 && document.getElementById) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = document.getElementById('span'+(i)).style;
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",30)
}
</script><!-- FIN DU SCRIPT -->
</head>
<body
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); background-image: url(blkbck8.jpg);"
alink="#ffffff" link="#ffffff" vlink="#ffffff">
<center>
<table
style="width: 100%; height: 100%; text-align: left; margin-left: auto; margin-right: auto;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="width: 238px; text-align: center; vertical-align: middle; font-family: Berlin Sans FB; height: 5%; background-color: rgb(255, 0, 0);"><big><big
style="text-decoration: underline;">Menu :</big></big></td>
<td
style="width: 239px; height: 39px; background-color: rgb(255, 255, 255); text-align: center; vertical-align: middle; font-family: Berlin Sans FB;"><a
href="http://www.prestige-coiffure.fr/Nos%20tarifs.html"><big><big><span
style="color: rgb(0, 0, 0);">Nos tarifs</span> </big></big></a></td>
<td
style="width: 238px; height: 39px; background-color: rgb(255, 0, 0); text-align: center; vertical-align: middle; font-family: Berlin Sans FB; color: rgb(255, 255, 255);"><a
href="http://www.prestige-coiffure.fr/Nos%20horraires%20et%20jours%20d%27ouvertures.html"><big><big>Nos
horaires et jours d'ouverture</big></big></a></td>
<td
style="height: 39px; background-color: rgb(255, 255, 255); text-align: center; vertical-align: middle; font-family: Berlin Sans FB; color: rgb(0, 0, 0); width: 208px;"><a
href="http://www.prestige-coiffure.fr/forrrr.php"><big><big><span
style="color: rgb(0, 0, 0);">C<span
style="color: rgb(0, 0, 0);">onta</span>ct</span></big></big></a></td>
<td
style="height: 39px; background-color: rgb(255, 0, 0); text-align: center; vertical-align: middle; font-family: Berlin Sans FB; width: 244px;"><a
href="http://prestige-coiffure.fr/Promotion.html"><big><big>Actualités
& Livre d'or</big></big></a></td>
</tr>
<tr style="font-family: Berlin Sans FB;">
<td
style="vertical-align: top; height: 637px; width: 244px; text-align: center;"
rowspan="1" colspan="5"><br>
<div style="text-align: center;">Il est temps de
passer à <span
style="font-weight: bold; text-decoration: underline;">Mozilla
Firefox</span> <a
href="https://www.01net.com/telecharger/windows/Internet/navigateur/fiches/25711.html">(Téléchargez-le
ici gratuitement)</a>. Ce
site est optimisé pour Mozilla.<br>
Avec Internet Explorer, la mise en page n'est pas la même,
merci.<br>
</div>
<br>
<table
style="width: 50%; text-align: left; margin-left: auto; margin-right: auto;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="text-align: center;"><img
style="width: 111px; height: 194px;" alt="1"
src="HC164.jpg" align="middle"></td>
<td style="text-align: center;"><img
style="width: 270px; height: 169px;" alt="2"
src="yyy.jpg" align="middle"></td>
<td style="text-align: center;"><img
style="width: 128px; height: 191px;" alt="3"
src="773.jpg" align="middle"></td>
</tr>
</tbody>
</table>
<br>
<div style="text-align: center;"><big
style="font-style: italic; color: rgb(255, 0, 0); text-decoration: underline;"><big><big><big><big>Bienvenue</big></big></big></big></big><br>
</div>
<big
style="font-style: italic; color: rgb(255, 0, 0); text-decoration: underline;"><big><big><big><big>
</big></big></big></big></big><br>
<div style="text-align: center;"> <br>
<big><big><big>Salon Prestige Coiffure</big></big></big><br>
<big><big><big>Styliste Visagiste</big></big></big><br>
<big><big><big>Haillicourt 62940</big></big></big><br>
<big><big><big>03/21/27/32/08</big></big></big><br>
<big><big><big>(Sur rendez-vous)</big></big></big><br>
<big><big><big> </big></big></big><br>
<big><big> <a
href="http://prestige-coiffure.fr/video.html">[News]
Vidéos défilé 2010 (Cliquez-ici)</a></big></big><br>
<big><big> </big></big><br>
(MAJ : 22/03/10) <br>
/!\ Dans Nos Photos, Adobe Flash Player 10 peut être
nécessaire, téléchargez-le (en
cliquant sur Get
Flash) /!\<br>
<br>
© --Site & Design by Geoffrey-- © <br>
</div>
</td>
</tr>
<tr>
<td
style="width: 238px; text-align: center; vertical-align: middle; font-family: Berlin Sans FB; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); height: 58px;"><a
href="http://www.prestige-coiffure.fr/Situation.html"><big><big><span
style="color: rgb(0, 0, 0);">Situation</span></big></big></a></td>
<td
style="width: 239px; background-color: rgb(255, 0, 0); text-align: center; vertical-align: middle; font-family: Berlin Sans FB; color: rgb(0, 0, 0); height: 58px;"><a
href="http://prestige-coiffure.fr/description.html"><big><big>Description</big></big></a></td>
<td
style="width: 238px; background-color: rgb(255, 255, 255); text-align: center; vertical-align: middle; font-family: Berlin Sans FB; color: rgb(0, 0, 0); height: 58px;"><a
href="http://prestige-coiffure.fr/nos-photos.html"><big><big><span
style="color: rgb(0, 0, 0);">Nos
photos</span></big></big></a></td>
<td
style="background-color: rgb(255, 0, 0); text-align: center; vertical-align: middle; font-family: Berlin Sans FB; color: rgb(0, 0, 0); height: 58px; width: 208px;"><a
href="http://prestige-coiffure.fr/produits.html"><big><big>Nos
produits</big></big></a></td>
<td
style="background-color: rgb(255, 255, 255); text-align: center; vertical-align: middle; font-family: Berlin Sans FB; color: rgb(0, 0, 0); height: 58px; width: 244px;"><a
href="http://prestige-coiffure.fr/defile.html"><big><big><span
style="color: rgb(0, 0, 0);">Défilé</span>
<span style="color: rgb(0, 0, 0);">2010</span></big></big></a></td>
</tr>
</tbody>
</table>
<br>
</center>
<!-- DEBUT DU SCRIPT --><!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<script language="JavaScript">
for (i=0;i<=message.length-1;i++) {
document.write("<DIV id=span"+i+" class=spanstyle>")
document.write(message[i])
document.write("</DIV>")
}
if (document.getElementById)
{
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = handlerMM;
}
window.onload = makesnake;
</script><!-- FIN DU SCRIPT -->
<noscript><a
href="http://www.editeurjavascript.com/">ajax</a></noscript>
</body>
</html>

merci de votre aide.
A voir également:

2 réponses

Geoffrey62
 
quelqu'un à une idée ? s'il vous plait c' est vraiment important :$

https://www.prestige-coiffure.fr/ (regarder avec Internet Explorer et avec mozilla, pour voir la différence)

merci beaucoup
0
idir93 Messages postés 103 Statut Membre 5
 
C'est un très bon sites, je l'ai essayé avec Mozilla tout est nickel , mais pour linternet explorer je ne l'ai pas
0
Geoffrey62
 
tout le contenue avec IE est décalé à gauche :( comment faire svp ?
0