Lien sur image décalé ou minusucule

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Lien sur image décalé ou minusucule

Message par yoyiecats Lun 21 Sep 2015 - 8:25

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 : 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 !


Dernière édition par yoyiecats le Lun 21 Sep 2015 - 11:41, édité 1 fois
yoyiecats

yoyiecats
**

Féminin
Messages : 51
Inscrit(e) le : 30/04/2011

Voir le profil de l'utilisateur http://sword-light.forums-rpg.com/
yoyiecats a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lien sur image décalé ou minusucule

Message par Excidius Lun 21 Sep 2015 - 10:58

Bonjour ! Moi, porteur de bonne nouvelle... (Pas toujours, mais passons !)

Le problème vient de là :

Code:
 #volet_pa:target {
    margin-top: -1280px;
  opacity:1.0;
}
   
  }

Cette cellule que vous avez mis en invisible est sur les images de liens que vous avez créé. Donc en réalité, le lien n'est pas uniquement sur la bordure de vos images, mais la cellule invisible qu'est arrive avant la bordure de vos images.

En conclusion, même en étant invisible, elle vous empêche de cliquer sur vos images.

En augmentant la valeur de margin-top cela peut certainement régler le problème.

Excidius

Excidius
**

Messages : 69
Inscrit(e) le : 30/01/2014

Voir le profil de l'utilisateur http://excidius-rpg.forumactif.org
Excidius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lien sur image décalé ou minusucule

Message par yoyiecats Lun 21 Sep 2015 - 11:40

Bonjour !

Effectivement, je vois le problème que cela a causé ! ^^
Du coup ça fonctionne en changeant la valeur ! ^^

Merci beaucoup !

Sujet résolu ! Smile
yoyiecats

yoyiecats
**

Féminin
Messages : 51
Inscrit(e) le : 30/04/2011

Voir le profil de l'utilisateur http://sword-light.forums-rpg.com/
yoyiecats a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Lien sur image décalé ou minusucule

Message par Excidius Lun 21 Sep 2015 - 11:43

De rien ! Et jolie forum au passage x)
Excidius

Excidius
**

Messages : 69
Inscrit(e) le : 30/01/2014

Voir le profil de l'utilisateur http://excidius-rpg.forumactif.org
Excidius a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum