mauvais affichage sur FIREFOX iso android etc

Invité · 04/10/2012, 15h08

Bonjour
L'asso dont je m'occupe a une site : http://www.motoclub-fortmedoc.net/ pour visualiser si vous le desirez , sur IE aucun probleme sur firefox et smart phone tablette etc etc , des soucis d'affichage du menu a gauche.
si cessous le fichier index :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>M.C.F.M Moto Club du Fort Médoc</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
 
<FRAMESET cols="165,100%" framespacing=0 >
    <FRAMESET rows="100,100%,20" framespacing=0>
        <FRAME name=BANNIERE src="banniere.htm" frameborder=no scrolling=no noresize>
        <FRAME name=MENU src="menu.htm" frameborder=no scrolling=yes noresize>
        <FRAME name=COMPTEUR src="compteur_a.htm" frameborder=no scrolling=no noresize>
    </FRAMESET>
    <FRAMESET rows="80,100%" framespacing=0>
        <FRAME name=BANDEAU  src="bandeau.php" frameborder=no scrolling=no noresize>
        <FRAME name=ECRAN src="FrameCorps.htm" frameborder=no scrolling=yes noresize>
    </FRAMESET>
 
</html>

Si vous avez besoin d'autre information n'hésitez pas surtout , merci d'avance de votre aide precieuse ,a fin que le menu s'affiche correctement quelque soit la plate forme.

Invité · 04/10/2012, 16h28

dans menu.htm :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
<!-- .......................... -->
</head>
<body topmargin="1" leftmargin="1" >
     <table width="100%" height="100%" cellspacing=0 cellpadding=0>
          <tr>
               <script language="JavaScript">
               generation();
               </script>
          </tr>
     </table>
<!-- .......................... -->
</body>

Cette <table> ne sert à rien, ou je me trompe ?
-> supprime la <table>.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<head>
<!-- .......................... -->
 </head>
<body topmargin="1" leftmargin="1" >
    <script type="text/javascript">generation();</script>
<!-- .......................... -->
</body>

Il me semble même y avoir vu du CSS (qui est censé être entre <head> et</head>) !

Invité · 04/10/2012, 19h05

Il faut aussi changer PARTOUT :

~~<SCRIPT LANGUAGE="JavaScript">~~

par :

<script type="text/javascript">

Invité · 04/10/2012, 19h13

Enfin, et non des moindres :
+ découpage du site en <frameset> ;
+ mise en page avec des <table> ;
+ pas de <doctype ...>
+ balises obsolètes (<font>, <marquee>,..)
+ balises en trop, ou manquantes ;
+ noms de balises et attributs CSS écrits en majuscules ;
+ du JavaScript en-veux-tu-en-voilà, et dont le code est souvent obsolète (document.write,...);
+ design éculé ; (et je suis poli)
+ ... (et j'en oublie sûrement)

= ce qu'on faisait au siècle dernier !

C'est la Foire du Slip le jours des Soldes !

Il y aurait tout à refaire pour que ce soit correctement compatible avec les nouveaux médias (smartphones,...)

BREF, si j'avais un conseil à donner... : "reprends tout depuis zéro..."

mauvais affichage sur FIREFOX iso android etc

Vue hybride

Discussions similaires

Partager

Partager