5568 sujets

Sémantique web et HTML

Bonjour,
J'ai fait la demande d'un design sur un site web, je l'ai eu avec la commande .
Je l'ai codé et testé sous Firefox, tout est OK à part quelques finitions de codages . Mais pas sous IE ...
Je ne connais pas bien l'usage de map...C'est la premiere fois que je m'en sers... Smiley rolleyes
Voici l'adresse si vous voulez tester : http://montrebd.cliranet.com/index1.php
Ensuite mon code :

         <div id="menu">
               <!--Login-->
            
               <div class="login">
                  
                  <? if (!isset ($_SESSION['pseudo']))
               {
            
            ?>      <form action="index1.php?page=login" method="POST" />
            <div align="center" class="Style1"><font face="Arial, Helvetica, sans-serif"><a href="?page=inscr" > ~~ S'inscrire ~~ </A></font></div>
                  <input name="pseudo" type="text"  size="10" style="border-color:3A84A5; background-color:#FAFAFA; border-style:solid; border-width:1; font-family:Arial, Helvetica, sans-serif; font-size:11px">
                  <br>
                  <input name="pass" type="password"  size="10" style="border-color:3A84A5; background-color:#FAFAFA; border-style:solid; border-width:1; font-family:Arial, Helvetica, sans-serif; font-size:11px">
                  <br/>
                  <input type="submit" name="Submit" value="Envoyer" style="border-color:3A84A5; background-color:#FAFAFA; border-style:solid; border-width:1; font-family:Arial, Helvetica, sans-serif; font-size:11px">
                     </form><?
               }   
                  else   { echo "<b>Statut : </b> <u>LOGUE</u>";?><br /><a href="index1.php?page=membres">Accueil privée</a><br/>
                  <a href="index1.php?page=deco">Déconnexion  ( <? echo $_SESSION['pseudo'],')</a>';  }
            ?>
            
               </div>
               <div usemap="#Map2" class="menu2">
                  <img src="http://montrebd.cliranet.com/images/bdcopie1sc_04.jpg" usemap="#Map2" width="214" height="296" border="0" >
               </div>
         </div>
               <map name="Map">
                  <area shape="rect" coords="309,148,391,174" href="index.php" >
                  <area shape="rect" coords="431,149,506,172" href="forum/index.php">
                  <area shape="rect" coords="554,151,620,172" href="?page=chat">
                  <area shape="rect" coords="659,151,750,174" href="?page=livreor&p=1">
               </map>
               <map name="Map2">
                  <area shape="rect" coords="50,48,169,80" href="?page=news">
                  <area shape="rect" coords="34,97,182,150" href="?page=galeries">
                  <area shape="rect" coords="75,168,149,203" href="?page=liens">
                  <area shape="rect" coords="51,215,171,248" href="?page=contacts">
               </map>

Merci de m'indiquer si vous trouvez l'erreur
Modifié par Tienne (24 Aug 2005 - 11:17)
Alors a cas ou tu le saurais pas iexplore n'est pas remis a jour depuis 1999,ca ne rapporterais rien a microsoft de le remetttre a jour,c'est egalement une barriere a la w3!!
Mozilla qui lui est souvent remis a jour lis beaucoup mieux le css et lis les textes clignotants....beaucoup de chose que iexplore ne fait pas!!
En plus iexplore est utilisé(en exagerant) par les trois quart des posseseurs d'internet vu qu'il est deja installé a l'achat du pc(ce qui est deguelasse pour la concurrence)
Donc si iexplore ne le lis pas je crois qu'il n'y a rien a faire pour ton cas Smiley sweatdrop !!!!voila
euh... il faudrait que tu nous indique ce qui te fait problème dans ta map, ou sur ton site : le lien ne fonctionne pas, pour le moment...
Bon, tu as deux fois , l'appel à "usemap=" en div et en img... ça peut coincer là.
Ta map a un "name=", mais pas "d'id=", et je crois que ça fait coincer aussi...
Il y a peut-être une autre bricole que je discerne mal...
Ah si : tu a deux fois le nom "Map2" pour des situations différents, là, sûr que ça coince... (On se demande si FF passe quand même...).
Tu n'as pas de "alt=" ni de "title=" sur ton image ni tes sections d'images indiquant ce que c'est, au cas ou l'usager désactive le chargement des images ...
Donc, je te propose mon code de map que tu complètes à ta sauce avec les coordonnées et le nombre "d'area shape" qui te conviennent (et ça marche sous iE comme FF.

<img class="logos" src="rect_min.gif" width="118" height="102" alt="logo du machin et du bidule" usemap="#rectmin" /> 
  <map id="rectmin" name="rectmin"> 
    <area shape="rect" coords="55,1,119,24" href="http://www.machin.fr" alt="lien vers le site du machin" title="représentation du paysage du machin" />
    <area shape="rect" coords="55,24,119,120" href="http://www.bidule.org/index.php" alt="site du bidule" title="Les bureaux du bidule" />
  </map>