Retourner aux forums || Retourner au forum Programmation.web
Programmation.web : Faire une cellule « cliquable »
Posté par Obsidian () le 20 janvier 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
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.
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.
> Lire le message (2 commentaires, moyenne: 2).
fixer la largeur et hauteur de a !
Posté par
symoon (page perso, ) le 20/01/2005 à 23:50. (lien). É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 Cali_Mero () le 21/01/2005 à 00:24. (lien). É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.--
#define MAGIC 0xdefaced /* I should've patented this number -cliph */
Revenir en haut de page || Retourner aux forums || Retourner au forum Programmation.web



Cette discussion est archivée, il n'est plus possible de laisser des commentaires.
Note : les commentaires appartiennent à ceux qui les ont postés. Nous n'en sommes pas responsables.