Se connecter avec
S'enregistrer | Connectez-vous

Lien fonctionnant avec FF mais pas IE

Dernière réponse : dans Programmation

Bonjour :) 

J'ai réalisé un petit site en html. Dans le menu j'ai des boutons qui, pour donner un aspect de relief, sont en fait des tableaux.

Voici un extrait de mon code :

  1. <a href="./index.php">
    

  2.      <table border="10" width="135"><tr><td>
    

  3.             Accueil
    

  4.      </td></tr></table>
    

  5. </a>


Donc jusque là tout fonctionne. Enfin, ... avec FireFox :jap: 
Parce qu'avec internet explorer le lien ne fonctionne plus!! :??: 

Je suppose que le problème est connu! :sweat:  Enfin j'espère

Pouvez vous m'aider à le résoudre? Merci d'avance pour vos réponses!

Autres pages sur : lien fonctionnant

Lassé par la pub ? Créez un compte
Expert Programmation

Remarque pertinente Marsien !
Mais tu confortes onlajoy à rester avec ses horribles tableaux.

Un petit exemple cool pourrait donner envie à onlajoy de passer à CSS !
Expert Programmation

Citation :
Remarque pertinente Marsien !
Mais tu confortes onlajoy à rester avec ses horribles tableaux.

Un petit exemple cool pourrait donner envie à onlajoy de passer à CSS !

A votre service, monsieur Zeb :) 

2 exemples conformes xhtml/css (c'était le but) et n'utilisant pas de mise en page par tableaux :
  • Un exemple basique sur un petit test perso : http://marsien385.free.fr/SdZ/epreuve1/
  • Un exemple plus abouti sur le site d'un ami : http://davferreira.free.fr


    Voici le code correspondant à mon menu "basique".

    code html :
    1. <div id="menu">
      

    2. 	<ol>
      

    3. 		<li><a href="index.htm#historique" accesskey="1">Historique du W3C</a></li>
      

    4. 		<li><a href="index.htm#standards" accesskey="2">Mais pourquoi définir des standards ?</a></li>
      

    5. 		<li><a href="index.htm#css" accesskey="3">L'utilisation des CSS</a></li>
      

    6. 		<li><a href="index.htm#semantique" accesskey="4">Accessibilité & Sémantique</a></li>
      

    7. 	</ol>
      

    8. </div>


    code css :
    1. #menu {
      

    2. 	background: #8cf;
      

    3. 	color: #000;
      

    4. 	line-height: 2em; /* évite le chevauchement des boutons en hauteur lors de leur redimensionnement */
      

    5. 	}
      

    6.  
    7. #menu ol {
      

    8. 	margin: 0;
      

    9. 	padding: 1%;
      

    10. 	text-align: center;
      

    11. 	}
      

    12.  
    13. #menu li { /* passer la liste d'une position verticale à une position horizontale */
      

    14. 	display: inline;
      

    15. 	}
      

    16.  
    17. /* style des liens, simulant des boutons */
      

    18. #menu a {
      

    19. 	padding: 0.2% 1%;
      

    20. 	background: #fbe;
      

    21. 	color: #806;
      

    22. 	border-top: 2px solid #fff;
      

    23. 	border-left: 2px solid #fff;
      

    24. 	border-bottom: 2px solid #000;
      

    25. 	border-right: 2px solid #000;
      

    26. 	text-decoration: none;
      

    27. 	}
      

    28.  
    29. #menu a:hover {
      

    30. 	border-top: 2px solid #000;
      

    31. 	border-left: 2px solid #000;
      

    32. 	border-bottom: 2px solid #fff;
      

    33. 	border-right: 2px solid #fff;
      

    34. 	}
      

    35. /*fin des liens type bouton */


    A noter que j'ai utiliser ici une liste numérotée volontairement, dans le cas où le css n'est pas utilisable. On garde ainsi dans le menu la hiérarchie du texte (pour faire une belle table des matières :)  ).
    Expert Programmation

    Shino-Genin a dit :
    A votre service, monsieur Zeb :) 

    Ah non, ah non, pas à mon unique service, à celui de tous ;) 

    Alors, onlajoy, tu vois, ça a de la gueule, hein !
    Lassé par la pub ? Créez un compte

    Créer un nouveau sujet