Galerie Image+texte cliquable

Mammouth du PHP | 672 Messages

21 mars 2011, 12:42

Bonjour.

Un petit problème de CSS...
J'ai une galerie composée d'images+texte. Pour la faire, j'utilise des listes de définition :
<dl class='item'>
	<dt>Nom de l'objet</dt>
	<dd><img src='./image.jpg' alt='' />/dd>
	<dd>Description</dd>
</dl>
Les problèmes :

1. On me demande une présentation en "carte de visite", à raison de deux par ligne.
 ______________________________________
| ________                             |
||        | Nom de l'objet             |
|| img    | Description                |
||________|                            |
|______________________________________|
(j'utilise la balise SQL uniquement pour avoir une police fixe. Si quelqu'un a mieux... :oops: )

2. On veut que la "carte" soit entièrement cliquable.

Là j'avoue que je ne vois pas trop comment faire - à part en abusant des DIV.

J'aimerais conserver le principe des listes de définition, qui me semble sémantiquement le plus pertinent. Mais on ne peut englober une DL dans un lien A.

Si quelqu'un a une idée ?... Merci.

Eléphant du PHP | 241 Messages

22 mars 2011, 00:42

Salut,
pour la présentation as-tu essayé de "jouer" avec les float ?

Pour ce qui est de la carte de visite cliquable tu peux ajouter un onclick dans ton dl
<dl class="item" onclick="blabla">
...
</dl>