PHPFrance

Discuter de tout ce qui touche au PHP, en français.

Vers le contenu

» Masquer les résultats de la recherche

Recherche dynamique PHPfrance

  1. Effectuez une recherche, les résultats s'afficheront dynamiquement ici.

Div image CSS cliquable

Questions concernant le HTML / xHTML et les CSS.

Div image CSS cliquable

Messagede Invité le 28 Mar 2008, 22:45

Bonsoir,

J'ai un css définit comme ceci :

Syntaxe: [ Télécharger ] [ Masquer ]
Code php

#lien {

width:362px;

height:88px;

background-image:url(../images/logo.png);

cursor:pointer;

}

 


mon code HTML :

Syntaxe: [ Télécharger ] [ Masquer ]
Code php

<!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 !
Invité
 

Publicité

Messagede Cyrano le 28 Mar 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>
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:
Avatar de l’utilisateur
Cyrano
Ganesha
 
Messages: 18039
Inscription: 07 Fév 2005, 15:27
Localisation: Paris XIII

Messagede Invité le 13 Avr 2008, 22:18

Bonsoir Cyrano,

merci pour les explications ça fonctionne bien !
Invité
 


Retourner vers HTML, XHTML, CSS

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 2 invités

  • Publicité