Retourner sur PHPFrance


 FAQFAQ   RechercherRechercher   Liste des MembresListe des Membres   Groupes d'utilisateursGroupes d'utilisateurs   Accéder aux archivesArchives  S'enregistrerS'enregistrer 
 ProfilProfil   Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés   ConnexionConnexion 
PHPFrance est maintenu par des bénévoles et soutenu par les sociétés Actoo et Anaska, Conseil et Formation pour PHP
Pour optimiser vos chances commencez par consulter la FAQ et faites une recherche.
Bon esprit, politesse et entraide sont les règles de ce forum.

Div image CSS cliquable

 
Poster un nouveau sujet   Répondre au sujet    PHPFrance Index du Forum -> HTML, XHTML, CSS
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
Invité





MessagePosté le: 28 Mar 2008, 22:45    Sujet du message: Div image CSS cliquable Répondre en citant

Bonsoir,

J'ai un css définit comme ceci :

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



mon code HTML :

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 !
Cyrano
Ganesha


Inscrit le: 07 Fév 2005
Messages: 17829
Localisation: Paris XIII
MessagePosté le: 28 Mar 2008, 23:05    Sujet du message: Répondre en citant

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
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
Invité





MessagePosté le: 13 Avr 2008, 22:18    Sujet du message: Répondre en citant

Bonsoir Cyrano,

merci pour les explications ça fonctionne bien !
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet    PHPFrance Index du Forum -> HTML, XHTML, CSS Toutes les heures sont au format GMT + 2 Heures
Page 1 sur 1

 
Sauter vers:  
Vous pouvez poster de nouveaux sujets dans ce forum
Vous pouvez répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum
Powered by phpBB © phpBB Group - PHPFrance est hébergé par Sivit