[HTML]mettre un lien sur une ligne d'un tableau

mettre un lien sur une ligne d'un tableau [HTML] - HTML/CSS - Programmation

Marsh Posté le 12-05-2003 à 20:40:28    

'lo
 
j'ai un tableau avec plusieurs lignes et cellules, du texte à l'intérieur, comment faire pour rendre cliquable (lien) l'intérieur de la ligne entière ?
 
'ci  :)

Reply

Marsh Posté le 12-05-2003 à 20:40:28   

Reply

Marsh Posté le 12-05-2003 à 20:50:08    

onclick sur le TR
 
Ensuite tu traîtes le tout en JS.


Message édité par MagicBuzz le 12-05-2003 à 20:50:18
Reply

Marsh Posté le 12-05-2003 à 20:57:55    

merci, ca marche mais comment faire pour que lorsque l'on passe la souris sur la ligne, le pointeur se transforme en main ?
 
comme un vrai lien ...

Reply

Marsh Posté le 12-05-2003 à 21:04:30    

Pas besoin de JavaScript. Avec les CSS :
 

td a {
  display: block;
  height: 100%;
}


 
Ça marchera pour un lien directement contenu dans la cellule :
 

<td><a href="lien.html">Lien</a></td>


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 12-05-2003 à 21:07:07    

parfait, merci  :)

Reply

Marsh Posté le 12-05-2003 à 21:39:12    

gm_superstar a écrit :

Pas besoin de JavaScript. Avec les CSS :
 

td a {
  display: block;
  height: 100%;
}


 
Ça marchera pour un lien directement contenu dans la cellule :
 

<td><a href="lien.html">Lien</a></td>




Ca marche sur toute la ligne :??:

Reply

Marsh Posté le 12-05-2003 à 22:34:12    

Oui si tu as des <a> dans chaque cellule ;) Je pense que c'est ce qu'il avait en fait :o


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 12-05-2003 à 22:40:22    

Ouais ben c'est tout pourri comme méthode :p
 
Parceque mon système marche très bien :
 
<tr class="youpi" onclick="document.localtion.href='page2.htm'">
   <td>toto</td>
   <td>titi</td>
   <td>tata</td>
</tr>
 
Dans la feuille de style :
 
.youpi
{
   cursor: hand;
}
 
.youpi:hover
{
   background-color: darkblue;
}
 
Et zou c'est joli tout plein :)

Reply

Marsh Posté le 12-05-2003 à 22:46:11    

Sauf si on a pas JavaScript.
 
Et sémantiquement c'est foireux car on perd l'information du lien.
 
Et rien indique qu'il n'aura jamais besoin d'avoir des liens différents sur ses lignes.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 12-05-2003 à 22:48:07    

c'est pas gênant, s'il rajoute un lien dans une telle ligne, il est clicable normalement, la norme DHTML stopant l'héritage des évènements dès qu'ils sont trappés par un élément.

Reply

Marsh Posté le 12-05-2003 à 22:48:07   

Reply

Marsh Posté le 12-05-2003 à 22:54:48    

C'est encore plus moche alors... Enfin bref...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 12-05-2003 à 22:57:47    

gm_superstar a écrit :

C'est encore plus moche alors... Enfin bref...


On s'en fout ça marche, et c'est c'est qu'il demandait :fuck:
 
D'autant plus que ton truc, s'il fait un :hover sur ses lien, ça va surligner qu'une cellule, moi ça surligne toute la ligne :p
(a moins que ce soit le rôle de "block" mais je ne connais pas cet attribut)


Message édité par MagicBuzz le 12-05-2003 à 22:58:26
Reply

Marsh Posté le 12-06-2003 à 19:42:03    

une question ?
 

Code :
  1. .youpi
  2. {
  3.    cursor: hand;
  4. }


 
Y a t'il un moyen de faire ça autrement pour que ça amrche sous mozilla et autres ?

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed