Bonjour, j'ai un soucis bien ciblé que je n'arrive pas a régler !
j'ai un site ou je montre une bank d'images exemple ici --> http://www.geekclan.net/expo/gallerie/pc/pc.php
tous marche bien , quand je met mon pointeur sur une petite image, une grande apparait a droite !
le probleme c'est que quand j'arrive a la derniere, l'image est caché elle apparait en dessous ! :s
donc existe t'il un code pour que l'image reste dans le cadre du navigateur ?
voila les codes qui sont pour les images
#retour
{
position:relative;
float:left;
}
#vignette {
width: 40%;
float:left;
}
#vignette a {
display: block;
float: left;
margin: 0 0 30px 20px;
width: 70px;
height: 70px;
color:white;
border: 0px solid #000;
}
#vignette a img {
width: 70px;
height: 70px;
border: 0;
}
#vignette a:hover img {
position: absolute;
width: 480px;
height:360px;
left:50%;
border: 1px solid #333;
}
</style>
</head>
<body>
<div id="baniere"><a href="../../../index.php"><img src="../../../img/baniere.png" alt="Baniere" /></a>
<div id="retour">
<a class="retour" href="../../../expogallerie.php"><img src="../../../img/retour.png" alt="Retour"/></a>
</div>
<div id="cadre">
<div id="vignette">
<a><img src="photo/t1.jpg" title="" alt="1" />Mc Intosh</a>
<a><img src="photo/t2.jpg" title="" alt="2" />Math</a>
<a><img src="photo/t3.jpg" title="" alt="3" />Dogviper</a>