Une technique pour :hover ?
Bonjour à tous,
Je vien vous voir pour un petit problème que je rencontre avec CSS.
voici ma structure css :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| a
{
text-decoration:none;
color:black;
word-spacing:4px
}
a:active
{ background:#FEF6DE
}
a:hover
{ position:absolute;
top:60px;left:8px;
width:85%;
background:#F3EFCC;
text-align:center;
border:1px ridge black;
z-index:1
} |
Ma structure HTML :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| <div class="test" >
<span>
<ul>
<li>
∫ <a href="histoire.htm" > Manoir<br></a></li>
<hr align="center" size="1">
<li>
∫ <a href="histoire.htm">Parc - piscine</a></li>
<hr align="center" size="1">
<li>
∫ <a href="histoire.htm">Histoire</a></li>
</ul>
</span>
</div> |
Donc mon idée était de partir sur un lien :hover qui pouvais s'afficher autre part ...
Le lien s'affiche bien autre part mais le lien devient instable ! certe, le lien disparaît quand je vais dessus ( normal ! ) mais le problème est qu'il est dur de cliquer dessus !
J'aimerai savoir s'il y a un moyen ( avec CSS ) de transformer ça proprement ( sans la disparition et l'instabilité du lien ) ?
Merci pour vos réponses :)
