Discussion :

[xor AX AX]

Bonjour,

Dans une grille d'affichage, je cherche à obtenir cela pour indiquer une case cliquable :



C'est plus discret et efficace que ce que je peux faire actuellement :



C'est moche (j'injecte le caractère).

Code HTML (extrait) :

Code html :

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

1
2
3
4
<div id="$taskList10Task" title="Voir l'historique de la tâche 10" style="height:3vh; width:8vw; float:left; box-sizing:border-box; overflow-x:hidden;" onclick="_$planning.history(10);" class="taskCanLaunch borderRight borderTop isLink">
	<div id="taskList10Task" class="smartFit" style="width: 100%; height: 100%; font-size: 24px; line-height: 24px;">10▸
	</div>
</div>

CSS (extrait) :

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
20
21
22
.taskCanLaunch {
    color: red;
    font-weight: 600;
}
.isLink {
    cursor: pointer;
}
.borderRight
{	border-right: 1px solid black;
}
 
.borderLeft
{	border-left: 1px solid black;
}
 
.borderTop
{	border-top: 1px solid black;
}
 
.borderBottom
{	border-bottom: 1px solid black;
}

Les tag <style> sont utilisés (je sais, ce n'est pas académique) car je génère à la volée les caractéristiques de la div selon des données variables (fichier définissant les divers écrans, taille du texte à afficher...).

Je cherche le plus simple possible et le moins gourmand en ressources. Je ne peux pas utiliser les couleurs de fond ou de texte car elles servent à indiquer des statuts/sources.

Merci de vos (éventuelles) réponses.