Titre: Menu CSS qui clignotte ...
Posté par: pika28 le le 28-09-2009 a 14:00:26
Bonjour à tous,
Je commence par me présenter, je suis un ti webmasteur en herbe et je réalise quelques site à droite à gauche.
J'ai une problématique, je dois réaliser un menu vignette de 3 x 3 photos, voir exemple en ligne sur www.concept-deco.eu, mais après deux essais de code différents, toujours le même problème les photos clignotent au lieu de se masquer quand le passe au dessus.
Le but est que la photo se cache quand je passe au dessus au benefice d'un texte qui décrit la photo, l'ensemble cliquable bien sur...
Merci d'avance
Code:
<div id="index-texte-1">
<br />Ceci est le texte
<br />de la photo N°1.
</div>
<div id="index-photo-1">
<a class="menu-1" href="1.html"><img src="images/index-1.jpg" alt="Image 1" /></a>
</div>
|
|
Code:
#index-photo-1 a.menu-1 {
position: absolute; left: 0px; top: 0px; width: 240px; height: 160px;
}
#index-photo-1 a:hover.menu-1 {
visibility: hidden;
}
#index-texte-1 {
position: absolute; left: 0px; top: 0px; width: 230px; height: 150px;
border: 5px;
border-style: ridge;
border-color: #a90101;
background:#a90101;
}
|
|
|
Titre: Re:Menu CSS qui clignotte ...
Posté par: Pad le le 28-09-2009 a 14:41:15
Essaye de remplacer ça :
Code:
#index-photo-1 a:hover.menu-1 {
visibility: hidden;
}
|
|
par ceci :
Code:
#index-photo-1 a:hover.menu-1 {
display:none;
} |
|
|
Titre: Re:Menu CSS qui clignotte ...
Posté par: pika28 le le 28-09-2009 a 14:48:28
| J'avais dejà essayer, la fonction est la même et ça clignote aussi. j'ai mis la modif en ligne si tu veux voir |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|