pika28
Membre récent
 Hors-Ligne
Messages: 4
|
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
<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>
|
|
#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;
}
|
|
|
Auteur 
