Petit souci de style

Bonjour,

Je rencontre un petit soucis sur de l'affichage associé à une feuille CSS.

Déjà le code du CSS en cause :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

#atclabel { -fx-background-color: transparent; -fx-background-radius: 0; -fx-alignment: center; }   #atclabel:hover { -fx-background-color: lightblue; }     .field { -fx-background-color: red; -fx-padding: 5px; -fx-alignment: center-left; }   .field:hover { -fx-background-color: yellow; }

---

Pour le code, il est assez simple :
Une VBox (id: atclabel) dans lesquelles sont affichées des HBox. Chaque HBox (pas d'Id ou de class associé) comprend des champs stylés (class= field). Les champs étendent Region avec le simple rajout d'un texte.

Lors de l'affichage, j'obtiens le résultat suivant : Pièce jointe 104037

En bleu clair, le fond de l'atclabel lors du survol de la souris ce qui est correct. Par contre, en rouge, le fond du field supposé contenir le texte (celui au dessus dans notre cas) et en jaune, le changement de background pour le champ survolé, le champ "callsign" dans l'image jointe qui apparaît donc en dessous comme le fond rouge... Certains d'entre vous ont-ils déjà rencontré un tel décalage ?

Pour info, si je fais dériver mon "field" de StackPane, j'obtiens le comportement désiré... J'aimerais juste comprendre ce qui expliquerait le fonctionnement avec Region... Ci joint, l'image du résultat "correct" obtenu via StackPane : Pièce jointe 104038

Merci à ceux qui répondront...:ccool:

Chakram

A défaut d'avoir le code qui permet de tester ça (cause si je me lance dans une programmation, je suis sur d'arriver a un résultat différent), je dirais essaie de changer les alignements par defaut (via CSS, FXML ou code) dans les différentes box. Souvent l'alignement par défaut est TOP_LEFT ou un truc du genre.

Merci pour la réponse :D

Non, l'alignement ne résout rien. J'avais déjà joué un peu avec en espérant que ça résolve le problème mais sans succès.

Pour l'instant, je persiste avec mes StackPane en attendant mieux. Pour le code, je vais devoir attendre de réorganiser un peu.

Citation:

---

Envoyé par bouye

A défaut d'avoir le code qui permet de tester ça (cause si je me lance dans une programmation, je suis sur d'arriver a un résultat différent), je dirais essaie de changer les alignements par defaut (via CSS, FXML ou code) dans les différentes box. Souvent l'alignement par défaut est TOP_LEFT ou un truc du genre.

---