Discussion :

[Sub0]

Bonjour.

Je suis vraiment embêté avec ce problème : J'ai besoin d'intégrer un hyperlien à un bloc (div & table).
Le validateur W3C me signale qu'un hyperlien est de type "INLINE" et ne peut contenir un élément de type "BLOCK".
J'ai pensé à remplacer l'hyperlien par une balise <form>, mais peut-être avez-vous mieux à me proposer...
surtout que je veux éviter d'utiliser Javascript et que je ne pourrais pas faire autrement avec un formulaire pour faire son submit sur le onclick du bloc.
Bref, je dois absolument éviter d'utiliser Javascript pour cette fonctionnalité, c'est important dans ce projet.

Je croise les doigts que vous pourrez m'aider.

Merci d'avance.

[Erwan31]

Bonjour SubO,
pourrais tu nous dire ce que tu souhaites faire exactement ou surtout pourquoi
tu veux insérer un div dans un lien?

[Sub0]

Code :

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

1
2
3
<a href="#" title="" target="_self">
  <div style="border:2px solid black;padding:10px;">ok</div>
</a>

J'ai besoin d'un hyperlien pour obtenir les actions CSS hover et active et que ces actions se produisent sur la totalité du div.
J'ai aussi besoin de la même chose avec une table à la place du div...

Merci.

[Bisûnûrs]

Tu peux faire l'inverse :

Code :

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

1
2
3
<div>
  <a href="#" title="" target="_self">ok</a>
</div>

En mettant ton lien en display:block et en lui donnant les dimensions 100% en hauteur et en largeur.

[Sub0]

ok, je vais essayer comme ça. Je vous tiens au courant.

[Sub0]

Et pour la table ?
Il faut que je mette le lien à chaque cellule ?

[Edit] Question bête, je suppose que oui...

[Sub0]

Il semblerait qu'il soit possible d'affecter un hover et active sur un div, mais ne fonctionnerait pas avec IE, dommage :

Code :

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

1
2
#mydiv { background-color: blue; }
#mydiv:hover { background-color: red; }