Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1839 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme avec balise <img/>

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Probleme avec balise <img/>

n°2031774
mc-intosh
Posté le 24-10-2010 à 00:33:01  profilanswer
 

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>

mood
Publicité
Posté le 24-10-2010 à 00:33:01  profilanswer
 

n°2032014
olivthill
Posté le 25-10-2010 à 14:38:01  profilanswer
 

Il faudrait gérer le dépassement, avec la propriété overflow en CSS.
 
Par défaut, les blocs sont en overflow:visible; ce qui implique :

Citation :

The overflow is not clipped. It renders outside the element's box. This is default
 
(source http://www.w3schools.com/css/pr_pos_overflow.asp )


En plus du lien précité, voir http://www.zonecss.fr/style_css/fe [...] low_y.html

n°2032017
mc-intosh
Posté le 25-10-2010 à 14:40:54  profilanswer
 

ok cool merci , ca va bien m'arranger pour mon site :p

n°2032023
mc-intosh
Posté le 25-10-2010 à 14:46:51  profilanswer
 

je test , je voi le concept mais en faite l'image ne reste pas dans le "cadre" du navigateur.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme avec balise <img/>

 

Sujets relatifs
Problème avec bloc et balise <h2>probleme referencement (prise en compte balise meta + contenu texte)
Problème balise objectBalise Object probleme IE
[Résolu][HTML]Problème avec la balise <a href>problème balise input type text -->type File
problème de menu(balise a:hover)problème avec balise iterate struts
[urgent] Probleme balise <head> (dreamweaver)[HTML - CSS] Problème avec la balise <a>href="#">blabla</a>
Plus de sujets relatifs à : Probleme avec balise <img/>


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR