Discussion :

[nouby]

Bonjour, Quelqu'un saurait pourquoi la propèté Cursor ne fonctionne pas dans mon code CSS ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
.btncircle{
	display:inline;
	border:1px solid white;
	border-radius:15px;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
}

Le curseur reste en type normal alors qu'il devrait être en type doigt pointeur.

Mon code HTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
			<div id="liens">
				<div id="screenshots" class="btncircle">Voir des images</div>
				<div id="login" class="btncircle">S'inscrire</div>
			</div>

Rien ne s'améliore si je met des span au lieu de Divs.

[NoSmoking]

Bonjour,

Le curseur reste en type normal alors qu'il devrait être en type doigt pointeur.

aucune raison que cela ne soit pas pris en compte et ce compte tenu de ce que tu montres comme code.

Rien ne s'améliore si je met des span au lieu de Divs.

il n'y aurait pas de raison mais pourquoi ne pas plutôt passer par des <a> ou des <button> vu le contenu des textes ?

[nouby]

C'est bizarre, rien d'anormal et pourtant la proprièté "pointer" ne fonctionne pas, et meme les autres types de cursor.

Oui c'est des liens, mais je voulais pas utiliser la balise "a link", je sais pas pourquoi

Quand aux boutons je les utilise pas pour raison de clarté de la page je préfère sans

[NoSmoking]

C'est bizarre, rien d'anormal et pourtant la proprièté "pointer" ne fonctionne pas, et meme les autres types de cursor.

Regarde dans l'inspecteur du navigateur (clic droit sur l'élément -> Inspecter) ce qui pourrait rendre inopérant ton style, mauvaise déclaration en amont ou autre ...

[nouby]

Merci de ta réponse

J'avais mis un ecran canvas en absolute et prenant toute la fenetre, mais je sais pas si ça joue sur mon problème.
Le zindex du canvas est 2 et celui du div contener est de 1.

je vais changer ça pour voir.

EDIT :
ça change rien.
j'ai le meme problème si je mets :
zindex du body à 5
zindex du contener à 5
zindex du div qui contient les 4 canvas à 0
zindex du canvas 1... à 0
zindex du canvas 2... à 1
zindex du canvas 3... à 2
zindex du canvas 4... à 3

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
html, body{
position:absolute;
margin:0;
padding:0;
outline:0;
height:100%;
width:100%;
z-index:5;
}
 
#contener{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
text-align:center;
z-index:5;
}

J'ai une idée, je vais mettre le body et contener à zindex=0
canvas 1 à zindex=1
canvas 2 à zindex=2
canvas 2 à zindex=3
canvas 2 à zindex=4

Puis les liens où je veux les pointers en zindex=5


EDIT (Der) :

ça Marche !

C'est le div 100% où se trouvent les textes et liens de la page qui était à un zindex trop faible (0) donc je l'ai mis à 5 et c'est bon.
Par contre faut que je réduise la surface en hauteur prise par le canvas afin qu'il puisse être affiché sans être partiellement obstrué par les liens de la page.
Merci c'est résolu

[NoSmoking]

J'avais mis un ecran canvas en absolute et prenant toute la fenetre ...

trop d'absolu tue l'absolu, en gros ce n'est pas une bonne technique, il est préférable dans un premier temps de laisser les éléments dans le flux et d'ajuster au besoin souvent faible.