Problème de lien

**olidev77** · 07/08/2006, 13h49

Bonjour,

Je débute en développement web avec un peu de html.
J'ai un menu horizontal avec 3 options "Menu1", "Menu2", "Menu3".
Pour le 2 et 3 aucun problème le curseur "main" qui signale un lien n'apparait que quand la souris est au-dessus du mot.
En revanche pour le 1, le lien prend toute la largeur de la case du tableau (33% de la ligne).

Voici le code html:

<html>
<head>
<title>Test d'un menu</title>
<link rel="stylesheet" type="text/css" href="menu.css">
</head>
<body>
<table>
<tr>
<td><a href="fiche1.html"><center>Menu1</center></a></td>
<td><a href="fiche2.html"><center>Menu2</center></a></td>
<td><a href="fiche3.html"><center>Menu3</center></a></td>
</tr>
</table>
</body>
</html>

et voici le code css associé:

table
{
width: 100%;
}
td
{
width: 33%;
}

Etant donnée que j'ai utilisé la meme syntaxe pour les 3 je n'arrive pas a comprendre d'où peut venir le problème.
Cet exemple fait vraiment pitié mais je bloque.

Merci d'avance pour votre aide.

**marcha** · 07/08/2006, 16h02

Salut,

Je pense que cela vient de la balise center. Vire là
et met

Code :

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

1
2
3
4
5
 
td
{
text-align: center;
}

dans ton css.

sinon, pour faire un menu, il est recommandé d'utiliser des listes
plustot que des tables. Voici des exemples:

http://css.maxdesign.com.au/listamatic/

**olidev77** · 07/08/2006, 21h29

Merci beaucoup marcha j'ai supprimé la balise "center" du html. Non seulement ca marche mais en plus j'étoffe le fichier ".css".

Je prend note de ta remarque des listes pour la création des menus je vais voir ca de près pour modifier le mien. Avant tout je vais allé voir les exemples.

Merci encore !

Problème de lien

HTML

Vue hybride

Discussions similaires

Partager

Partager