28173 sujets

CSS et mise en forme, CSS3

salut a tous.
Je veux faire une zone (un <div>) entierement cliquable. Cependant comme ce n'est pas conforme aux standarts d'avoir un <div> a l'interieur d'un <a href>, voila ce que je fais :

<div id="conseil_et_achat">
 <a href="nous_contacter.php" class="lien_blanc">nous contacter</a>
 <p>Conseils et achats</p>
 <p id="numero_telephone">xxxxxxxx</p>
</div>


avec le css suivant :


#conseil_et_achat{
 display:block;
 position:relative;
 width:180px;
 margin-top:5px;
 height:55px;
 background-color: #41515D;
 background-image:url('../medias/images/site/contact.gif');
 background-repeat:no-repeat;
}
#conseil_et_achat p {
	position: relative;
	left: 40px;
	top: 5px;
	color: #FFFFFF;
	font-size: 9px;
	z-index: 10;
}
#conseil_et_achat p#numero_telephone {
	font-size: 18px;
}
#conseil_et_achat a{
 position: absolute;
 width: 180px;
 height: 15px;
 text-align: right;
 padding-top: 40px;
 z-index: 20;
}



L'affichage est correct sous IE et firefox pas de pb. Mais sous IE le texte dans les <p> n'est pas cliquable alors qu'ils ont bien un z-index inferieur a celui du lien (pas de pb sous firefox)

QQn a une idee de ce que je dois faire?

Merci
Eric
J'aurais tendance à dire que non seulement c'est difficile à mettre en place (surtout si l'on veut respecter certains critères d'accessibilité : voir les interventions de Gilles et de Laurent Denis dans ce sujet), mais surtout ça n'est pas forcément souhaitable.

Il y avait un sujet avec une discussion là-dessus il y a un mois (ou peut-être moins ?), mais j'ai du mal à le retrouver. Ah si tiens, le voilà :
Est-ce une bonne idée d'élargir un lien à toute une zone
Je te conseille sa lecture. Smiley cligne