Discussion :

[laurentSc]

Bonjour,

je suis plutôt débutant sur la question et j'aimerais savoir sur quoi portent ces classes :

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
#popup_anchor div.popup
{visibility: hidden;
z-index: 10;
top: 120px;
left: 100px;
position: absolute;
background-color:white;
border-color:black;
}
#span:hover.popup_anchor div.popup{
visibility: visible;
}
#span .popup_anchor div:hover.popup{
visibility: visible;
}

[symfony30000]

salut,
ben ton code css permet d'afficher un cadre blanc lors du survol sur le div ou le span

[laurentSc]

Merci de me répondre, mais peux-tu m'expliquer davantage la syntaxe ? J'ai notamment du mal avec ces lignes :

Code :

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

1
2
3
4
5
6
7
8
#popup_anchor div.popup
..
z-index: 10;
...
#span:hover.popup_anchor div.popup{
...
#span .popup_anchor div:hover.popup{
...

[symfony30000]

tu veut savoir quoi exactement?
les # permettent de définir des id
les . de définir des class dans ton code html
ensuite les div et span sont des boites dans lesquelles tu peut mettre ce que tu veut.
hover définit une propriété de survol et z-index définit un niveau de calque pour superposer des styles.

Le mieux est de lire un cours de css sur le site

[laurentSc]

Tu as sans doute raison de me conseiller de lire un cours sur le CSS ; en fait, je savais déjà tout sauf le truc sur z-index...

[symfony30000]

pourquoi ne pas me demander simplement a quoi correspond z-index?
puis tu tape z-index css sur google tu aurais desuite trouvé a quoi ça correspondais