Problème affichage navigateurs

pitigreg -  
 pitigreg -
Bonsoir,

J'ai créé une page perso pour un travail HTML avec un CSS et un design qui change de couleur.

Seulement l'affichage est nickel sous Firefox mais pas sous les autrres navigateurs ... ????

J'aimerais donc savoir où est l'erreur, car après plusieurs heures j'ai rien trouvé ! :(

Lien pour voir tout ça : http://idaime.free.fr/Les_Transports/

Merci d'avance, GreG.

3 réponses

Gihef Messages postés 5165 Statut Contributeur 2 779
 
Bonjour,

Qu'est-ce qui ne marche pas ?
Où est-ce que ça diffère ?

Ton code a peut-être besoin de quelques corrections ?
https://www.validome.org/validate-atom-rss/?uri=http%3A#47;/idaime.free.fr/Les_Transports/

--
0
RAD ZONE Messages postés 5362 Statut Contributeur 1 360
 
SALUT

comme te la dis gihef ton code comporte trop d erreurs !!

le voila netoye ! a part l insertion youtube
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>  
  <head>    
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">       
    <title>[Bienvenue sur la page qui te transporte !]     
    </title>
<script type="text/javascript">
<!--
// Status bar variables
    var scrmsg = " Bienvenue sur la page qui te transporte !                                  ";  //status Bar message
    var scrspacer = "";  // Spacer between each
    var scrpos = 0; 
// Title bar variables
    var msg=" Bienvenue sur la page qui te transporte !   .::. Bonne visite .::.                                  "; // Modify as required
    //Space @ end for pause in scroller - the more spaces the longer the pause, it will then scroll again and pause etc.
    var speed=200;                           // Title speed SMALL IS FAST, DEFAULT 200
    function ScrollMessage() // STATUS BAR
    { 
        window.status = scrmsg.substring(scrpos, scrmsg.length) + scrspacer + scrmsg.substring(0,scrpos); 
        scrpos++; 
        if (scrpos > scrmsg.length) scrpos = 0; 
        window.setTimeout("ScrollMessage()", 150);   //Speed, 150 default, LOW is FAST
    } 
    ScrollMessage();  // Comment this out for normal status bar
    function ScrollTitle()   // TITLE BAR
   {
        document.title=msg;
        msg=msg.substring(1,msg.length)+msg.charAt(0);
        setTimeout("ScrollTitle()",speed);
    }
    ScrollTitle();  // comment this out for normal title bar
//  ***IdAiMyLaNer*** is the name of the site
// Index is the title of the page
//  is my custom flag for username
    //-->
</script>    
    <style type="text/css">@import"http://idaime.free.fr/Les_Transports/style.css";     
    </style>    
    <link rel="stylesheet" href="http://idaime.free.fr/Les_Transports/blue.css" type="text/css" title="blue">    
    <link rel="alternate stylesheet" type="text/css" href="http://idaime.free.fr/Les_Transports/red.css" title="red">    
    <link rel="alternate stylesheet" type="text/css" href="http://idaime.free.fr/Les_Transports/green.css" title="green">    
    <link rel="alternate stylesheet" type="text/css" href="http://idaime.free.fr/Les_Transports/pink.css" title="pink">
<script type="text/javascript" src="http://idaime.free.fr/Les_Transports/styleswitcher.js">
</script>    
    <style type="text/css"> div.c2 {text-align: center} p.c1 {text-align: center}     
    </style>  
  </head>  
  <body>    
    <div id="container" class="clearfix">      
      <div id="nav"><h4>Menu</h4>        
        <ul><li>          
          <a href="#" title="?">Qui ?</a></li><li>          
          <a href="#" title="?">Quoi ?</a></li><li>          
          <a href="#" title="?">Où ?</a></li><li>          
          <a href="#" title="?">Comment ?</a></li><li>          
          <a href="#" title="?">Pourquoi ?</a></li>        
        </ul><h4>Menu 2</h4>        
        <ul><li>          
          <a href="#" title="?">Qui ?</a></li><li>          
          <a href="#" title="?">Quoi ?</a></li><li>          
          <a href="#" title="?">Où ?</a></li><li>          
          <a href="#" title="?">Comment ?</a></li><li>          
          <a href="#" title="?">Pourquoi ?</a></li>        
        </ul><h4>Video</h4>        
        <object width="160" height="120">          
          <param name="movie" value="http://www.youtube.com/v/v3KnGqelK6E&amp;rel=1">          
          <param name="wmode" value="transparent">          
          <embed src="http://www.youtube.com/v/v3KnGqelK6E&amp;rel=1" type="application/x-shockwave-flash" wmode="transparent" width="160" height="120">        
        </object><h4>Aide/Avertissement</h4>        
        <div id="ad">          
          <p class="c1">            
            <img src="http://idaime.free.fr/Les_Transports/images/ad.gif" alt="** PLEASE DESCRIBE THIS IMAGE **">          
          </p>          
          <p>
<script type="text/javascript" src="http://www.compteur.com/cpt?ID=315867&amp;num=1">
</script>          
          </p>        
        </div>      
      </div>      
      <div id="rightside"><h1>Bienvenue sur la page qui te transporte !</h1>        
        <div id="colourchange">          
          <ul><li>            
            <a href="#" onclick="setActiveStyleSheet('blue'); return false;" title="Change le style en Bleu">              
              <img src="http://idaime.free.fr/Les_Transports/images/bluebtn.gif" alt="Change le style en Bleu"></a></li><li>            
            <a href="#" onclick="setActiveStyleSheet('red'); return false;" title="Change le style en Rouge">              
              <img src="http://idaime.free.fr/Les_Transports/images/redbtn.gif" alt="Change le style en Rouge"></a></li><li>            
            <a href="#" onclick="setActiveStyleSheet('green'); return false;" title="Change le style en Vert">              
              <img src="http://idaime.free.fr/Les_Transports/images/greenbtn.gif" alt="Change le style en Vert"></a></li><li>            
            <a href="#" onclick="setActiveStyleSheet('pink'); return false;" title="Change le style en Rose">              
              <img src="http://idaime.free.fr/Les_Transports/images/pinkbtn.gif" alt="Change le style en Rose"></a></li>          
          </ul>        
        </div>        
        <div class="c2"><h2>Les Différents Moyens de Transport en France</h2><h3>Transports en commun</h3>          
          <p><big>> Autobus <</big>          
          </p>          
          <p>            
            <a title="Clique pour voir notre définition" href="javascript:void(0)" onclick="window.open('autobus.htm',null,'width=510,height=300, status=no, directories=no, toolbar=no, location=no, menubar=no, scrollbars=no, resizable=no');">              
              <img border="0" src="http://idaime.free.fr/Les_Transports/images/autobus.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **"></a>          
          </p>          
          <p><big>> Métro <</big>          
          </p>          
          <p>            
            <a title="Clique pour voir notre définition" href="javascript:void(0)" onclick="window.open('',null,'width=510,height=300, status=no, directories=no, toolbar=no, location=no, menubar=no, scrollbars=no, resizable=no');">              
              <img border="0" src="http://idaime.free.fr/Les_Transports/images/metro.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **"></a>          
          </p>          
          <p><big>> Tramway <</big>          
          </p>          
          <p>            
            <a title="Clique pour voir notre définition" href="javascript:void(0)" onclick="window.open('',null,'width=510,height=300, status=no, directories=no, toolbar=no, location=no, menubar=no, scrollbars=no, resizable=no');">              
              <img border="0" src="http://idaime.free.fr/Les_Transports/images/tram.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **"></a>          
          </p>          
          <p><big>> Taxi <</big>          
          </p>          
          <p>            
            <a title="Clique pour voir notre définition" href="javascript:void(0)" onclick="window.open('',null,'width=510,height=300, status=no, directories=no, toolbar=no, location=no, menubar=no, scrollbars=no, resizable=no');">              
              <img border="0" src="http://idaime.free.fr/Les_Transports/images/tax.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **"></a>          
          </p>          
          <p><big>> Train <</big>          
          </p>          
          <p>            
            <a title="Clique pour voir notre définition" href="javascript:void(0)" onclick="window.open('',null,'width=510,height=300, status=no, directories=no, toolbar=no, location=no, menubar=no, scrollbars=no, resizable=no');">              
              <img border="0" src="http://idaime.free.fr/Les_Transports/images/train.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **"></a>          
          </p>          
          <p><big>> Avion <</big>          
          </p>          
          <p>            
            <a title="Clique pour voir notre définition" href="javascript:void(0)" onclick="window.open('',null,'width=510,height=300, status=no, directories=no, toolbar=no, location=no, menubar=no, scrollbars=no, resizable=no');">              
              <img border="0" src="http://idaime.free.fr/Les_Transports/images/avion.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **"></a>          
          </p><h3>Transports personnels</h3>          
          <p><big>> Voiture <</big>          
          </p>          
          <p>            
            <a title="Clique pour voir notre définition" href="javascript:void(0)" onclick="window.open('',null,'width=510,height=300, status=no, directories=no, toolbar=no, location=no, menubar=no, scrollbars=no, resizable=no');">              
              <img border="0" src="http://idaime.free.fr/Les_Transports/images/voit.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **"></a>          
          </p>          
          <p><big>> Deux-roues <</big>          
          </p>          
          <p>            
            <a title="Clique pour voir notre définition" href="javascript:void(0)" onclick="window.open('',null,'width=510,height=300, status=no, directories=no, toolbar=no, location=no, menubar=no, scrollbars=no, resizable=no');">              
              <img border="0" src="http://idaime.free.fr/Les_Transports/images/2roues.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **"></a>          
          </p>          
          <p><big>> Roller <</big>          
          </p>          
          <p>            
            <a title="Clique pour voir notre définition" href="javascript:void(0)" onclick="window.open('',null,'width=510,height=300, status=no, directories=no, toolbar=no, location=no, menubar=no, scrollbars=no, resizable=no');">              
              <img border="0" src="http://idaime.free.fr/Les_Transports/images/roll.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **"></a>          
          </p>          
          <p><big>> A pieds <</big>          
          </p>          
          <p>            
            <a title="Clique pour voir notre définition" href="javascript:void(0)" onclick="window.open('',null,'width=510,height=300, status=no, directories=no, toolbar=no, location=no, menubar=no, scrollbars=no, resizable=no');">              
              <img border="0" src="http://idaime.free.fr/Les_Transports/images/piet.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **"></a>          
          </p>        
        </div>        
        <p class="c1">          
          <object type="application/x-shockwave-flash" data="clock.swf" style="width:340px;height:32px;">
            <param name="movie" value="clock.swf">
            <param name="wmode" value="transparent">
            <param name="menu" value="false">Cet objet nécessite un plugin pour être lu ou le fichier n'est pas accessible.
            Vous pouvez tenter d'ouvrir directement le fichier par ce 
            <a href="clock.swf">lien</a>.
          </object>        
        </p>      
      </div>    
    </div>    
    <div id="footer">      
      <p>Design par          
        <a href="http://www.idaim.c.la/" title="Site IdAiMyLaNer">IdAiMyLaNer</a>      
      </p>    
    </div>  
  </body>
</html>


ps j ai mis les liens en absolus !! repasse les en relatif

RAD
0
pitigreg
 
je corrige merci les gars pour votre aide !! ^^
0