5568 sujets

Sémantique web et HTML

Problème de liens sur un site vitrine ! Need HELP !

Bonjour à tous,

Je travail actuellement sur un site pour un masseur suisse et j'ai un problème de lien.

Voyez plutot sur le site

Sur cette page, les liens fonctionne sous IE mais pas sur Mozilla Firefox ou sur Chrome.

Etrange....

Quelqu'un aurait-il une idée ?

Merci beaucoup ! Smiley lol
Modifié par lowlow38 (25 Sep 2010 - 16:39)
Le problème vient de ton CSS dans ton ID "content_accueil_prestations"

#content_accueil_prestations {
	position : relative;
	background-repeat:no-repeat;
	background-image: url(../img/prest_bckg.jpg);
	width: auto;
	text-align: left;
	height: 320px;
	left : 0px;
	top : 19px;
	z-index:-200;
}


Vires ton z-index et tes liens fonctionneront comme il faut !
Merci beaucoup pour votre rapidité !!!

Ça fonctionne !!!!!

Alors petite question subsidiaire: a quoi sert le z-index et pourquoi supprime t-il les liens sous Mozilla et chrome ??

Merci
En donnant la valeur -200 (z=profondeur) le div s'est retrouvé en dessous d'un autre et donc on ne savait pas cliquer sur les liens. Pour IE, heu, c'est peut-être un bug ou alors le div au-dessus ne tombait pas au dessus des liens.
Modifié par Patidou (14 Sep 2010 - 20:14)
Patidou a écrit :
Pour IE, heu, c'est peut-être un bug ou alors le div au-dessus ne tombait pas au dessus des liens.

IE utilise de savants calculs pour savoir sur quel élément déclencher l'évènement de clic. En gros, si l'élément du dessus est transparent, le clic peut passer à travers. Opera copie en partie ce comportement.

Firefox, Safari et Chrome ne le font pas, et un élément transparent prendra le clic s'il est au dessus, sauf si on demande explicitement à ce que le clic passe au travers en utilisant la propriété CSS pointer-events.

Il est possible que le comportement adopté par IE (et dans une certaine mesure Opera), ou une variante de celui-ci, soit un jour standardisé.

Pour finir, une mise en garde: pointer-events est une propriété intéressante, mais il ne faut pas l'utiliser comme solution à des erreurs de positionnement CSS. Smiley cligne
Sujet clos
Aller à