Id dans un lien

nicko_510

27 Apr 2006 à 17:08

Salut,
Alors là je comprends pas vraiment ce qui m'arrive...
J'ai fait le tuto pour afficher/ masquer des calques http://css.alsacreations.com/Tutoriels-et-articles-divers/Afficher-Masquer-des-calques-sans-javascript
Jusque là pas de problemes.
Maintenant j' essaie d'appliquer ça sur mon site, mais la ça ne marche plus...
La seule différence c'est que je rajoute un id, car c'est seulement pour un lien.
Ca donne en css :

#sal a{
text-decoration: none; /* définition du lien qui affichera le "calque" */
}
#sal a:hover {
background: none; /* correction d'un bug IE */
}
#sal a span { /* définition de la balise <span> inclue dans <a> */
display: none;
}
#sal a:hover span { /* définition de la balise <span> au survol */
display: inline;
position: absolute;
top: 200px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
left: 100px;
width: 200px;
height: 100px;
background: green;
text-align: center;
color: white;
}

Et en html:

<body>
<a href="#" id="sal">afficher le calque<span>texte et images peuvent être placés ici</span></a>
</body>

Je tourne en rond depuis un moment, et je trouve pas la solution. Je dois manquer de recule Smiley biggol

.
Modifié par nicko_510 (27 Apr 2006 - 17:09)

fvsch

27 Apr 2006 à 18:15

nicko_510 a écrit :
Je tourne en rond depuis un moment, et je trouve pas la solution. Je dois manquer de recule .

Plutôt de notions précises sur la syntaxe des sélecteurs CSS, je dirais Smiley biggrin

<a href="#" id="sal">…</a>

Le sélecteur permettant de sélectionner ce lien est

a#sal {…}

.
Le sélecteur que tu as utilisé pointe vers les liens qui sont des enfants ou des descendants de l'élément portant l'identifiant "sal". Ce qu'on retrouverait par exemple dans le cas suivant :

<p id="sal"><a href="#">…</a></p>

Pour combiner l'information sur l'identifiant et les pseudo-classes dans le sélecteur, tu peux faire ainsi :

a#sal:hover {…}