Forum d'entraide PHPFrance

Bonsoir,

J'ai un css définit comme ceci :

#lien {
width:362px;
height:88px;
background-image:url(../images/logo.png);
cursor:pointer;
}

mon code HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
...
<a href="page.html"><div id="lien"></div></a>
...

Cette façon de faire fonctionne mais le code n'est pas valide (w3c)

Comment puis-je faire svp ?

Merci !

La balise <a> est un élément de ligne ;
la balise <div> est un élément de bloc;

On peut mettre des éléments de ligne dans un bloc, mais pas l'inverse.

Le problème se pose donc lorsqu'on veut donner une dimension à un élément de ligne. Dans ce cas, on utilise àu lieu d'un <div> une balise <span>, par exemple, qui est un élément de ligne et on lui assigne des propriétés CSS pour permettre de lui donner des dimensions avec "display: block" : là, tu pourras le mettre à l'intérieur d'un <a>

Bonsoir Cyrano,

merci pour les explications ça fonctionne bien !

Forum d'entraide PHPFrance

Div image CSS cliquable

Div image CSS cliquable