PHPfrance

la communauté d'entraide francophone dédiée au PHP

Div image CSS cliquable

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Div image CSS cliquable

par Invité » 13 avr. 2008, 22:18

Bonsoir Cyrano,

merci pour les explications ça fonctionne bien !

par Cyrano » 28 mars 2008, 23:05

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>

Div image CSS cliquable

par Invité » 28 mars 2008, 22:45

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 !