La date/heure actuelle est Jeu 28 Mar 2024 - 9:13

1 résultat trouvé pour volet_pa

Lien sur image décalé ou minusucule

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : volet_pa" target="_blank" rel="nofollow">http://sword-light.forums-rpg.com/#volet_pa

Description du problème

Bonjour,

Comme indiqué sur la capture, j'ai voulu ajouter un lien à chacune des images que j'ai fléché. Seulement, je ne comprend pas mon erreur.

Le lien est bien présent, mais il n'est que sur une ligne de pixel qui se situe sur la bordure basse de chaque image.

Voici le code correspondant à la partie de la page d’accueil où se situe le lien :
Code:
<div class="bloc_predef">
                                                                                                     
                  <div style="" class="sous_bloc_predef">
                                                           <a href="http://sword-light.forums-rpg.com/t12-presentation-de-klein-membre-du-staff" target="_blank"><img src="http://www.zupimages.net/up/15/38/31aw.jpg" alt=" " /></a>                                     
                  </div>
                                                                     
                  <div style="" class="sous_bloc_predef">
                                                             <a href="http://sword-light.forums-rpg.com/t12-presentation-de-klein-membre-du-staff" target="_blank"><img src="http://www.zupimages.net/up/15/38/31aw.jpg" alt=" " /></a>>                                       
                  </div>
                                                                                 
                  <div style="" class="sous_bloc_predef">
                                                               <a href="http://sword-light.forums-rpg.com/t12-presentation-de-klein-membre-du-staff" target="_blank"><img src="http://www.zupimages.net/up/15/38/31aw.jpg" alt=" " /></a>                                     
                  </div>
                                                                             
               </div>


Code:
   .bloc_predef{
   width: 465px;
   height: 100px;
   margin-top: 10px;
   margin-left: 2px;
   border-radius: 15px;
   background-color:#f1f0f0 ;
   transition: 1s;
     -webkit-transition: 1s;
     -moz-transition:1s;
     -o-transition:1s;
   }
   
   .bloc_predef:hover{
   background-color:#f1c56e;
}
   
   .sous_bloc_predef{
   width: 130px;
   height: 60px;
   margin-left: 16px;
   margin-top: 20px;
   background-color: white;
   border-radius: 15px;
   overflow: hidden;
   display:inline-block;
   }


Au cas où, les codes en entier de la PA.:


Je suis certaine qu'il s'agit de quelque chose de très con, mais je ne trouve pas j'espère que quelqu’un pourra m'aider !

Merci d'avance !
par yoyiecats
le Lun 21 Sep 2015 - 8:25
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Lien sur image décalé ou minusucule
Réponses: 3
Vues: 758

Revenir en haut

Sauter vers: