Forum Programmation.web Faire une cellule « cliquable »

Posté par  .
Étiquettes : aucune
0
21
jan.
2005
Bonsoir à tous.

Bon, c'est probablement un problème courant mais après avoir cherché un peu, je n'ai rien trouvé de satisfaisant.

Voila : je génère une page XHTML qui contient un tableau (et qui a une vraie raison d'être, c'est-à-dire présenter le contenu d'une table, même sans CSS, et pas de faire de la mise en page). Dans celui-ci, le contenu de certaines cellules est un hyperlien, c'est-à-dire que tout ce qui se trouve entre <td> et </td>, en général un mot ou deux, est également encadré juste en dessous par une balise <a>.

L'objectif : Faire en sorte que ce lien occupe toute la surface de la cellule, de façon à pouvoir cliquer sur une zone, et pas seulement sur le mot en question.

j'ai essayé pour ce faire d'utiliser
td a { display: block }
, et de régler à zéro pixel marges, top, bottom et padding en tous genres mais rien n'y fait. Le mode block provoque effectivement l'extension des bordures latérales jusqu'aux frontières de la cellule mais les bords haut et bas de mon lien collent désespérément au texte.

La plupart du temps, ce n'est pas un problème car la cellule n'est pas plus haute que le texte, mais certaines cellules sont très chargées, ce qui provoque l'inflation de leurs voisines, et d'autres utilisent rowspan et colspan et peuvent parfois occuper la hauteur d'une page entière, le lien qu'elles contiennent n'étant actif que sur une petite zone du milieu.

Y a-t-il un moyen d'étendre l'horizon de cette balise ?

Merci d'avance à tous.
  • # fixer la largeur et hauteur de a !

    Posté par  . Évalué à 2.

    « display: block; » indique uniquement qu'un élément suivant a sera à la ligne, il ne s'agit pas de la largeur

    pour la largeur, bah « width: 100%; » ou auto mais je suis moins confiant.
    et height aussi :)
    • [^] # Re: fixer la largeur et hauteur de a !

      Posté par  . Évalué à 2.

      En ce qui concerne Firefox :

      - pour la largeur, le display:block; joue son role, il n'y a rien de plus à faire (meme avec un colspan)
      - pour la hauteur : td a{height:100%} semble régler le souci sur les cellules en rowspan.

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.