Probleme avec balise <img/>
Mc Intosh
Messages postés
242
Date d'inscription
Statut
Membre
Dernière intervention
-
Mc Intosh Messages postés 242 Date d'inscription Statut Membre Dernière intervention -
Mc Intosh Messages postés 242 Date d'inscription Statut Membre Dernière intervention -
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>
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>
A voir également:
- Probleme avec balise <img/>
- Img burn - Télécharger - Gravure
- Fichier img - Télécharger - Photo & Graphisme
- Buda vfs img ✓ - Forum Virus
- Img extractor - Télécharger - Animation
- X96q_20230722-1158.img - Forum TV & Vidéo
4 réponses
merci , je ne connaissai pas cette valeur
je le mettrai ou ?
je le colle un peu partous mais ca retaille mes images bizarrement et pas proportionnellement !! :s
je le mettrai ou ?
je le colle un peu partous mais ca retaille mes images bizarrement et pas proportionnellement !! :s
enfet l'image de droite se met au niveau supérieure de chaque rangé.
(si je touche l'image 1 , l'image droite se place en haut de la 1er rangé - si je touche l'image 9, l'image de droite se place en haut de la 3eme rangé.....)
Fait un tableau pour l'image de droite est dans la céllule tu met :
<td valign="top"> TON CODE POUR AFFICHER LIMAGE DE DROITE </td>
(si je touche l'image 1 , l'image droite se place en haut de la 1er rangé - si je touche l'image 9, l'image de droite se place en haut de la 3eme rangé.....)
Fait un tableau pour l'image de droite est dans la céllule tu met :
<td valign="top"> TON CODE POUR AFFICHER LIMAGE DE DROITE </td>
