Qeel bugs

[Melodiam]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://hells-kitchen.forumactif.com/

Description du problème

Bonsoir !

Voilà j'ai un petit souci... Les liens du bloc "groupe" ne fonctionnent pas, quand on clique sur le nom d'un groupe cela ne renvoie à rien...
Les pseudos du bloc "membres connectés ces 24 dernières heures" ne sont pas cliquables non plus, je ne comprends pas...

Voilà mon code CSS :

Code:


/*********** QEEL ***********/
.QEEL {
margin-top:50px; height: 280px; width:900px;
background-image:url('https://img4.hostingpics.net/pics/469365Sanstitre1.png')
}
/* BLOC TITRE QEEL */
.tleQEEL {
margin-bottom:10px;
width:890px; height:25px; padding:10px 0 10px 10px;
background:white; border-bottom: 5px solid #87dad2; /* MODIFIABLE */
text-transform:uppercase; font-family:Arial; text-align:left;
}
/* TITRE QEEL */
.tleQEEL a.cattitle {
color:black;  /* MODIFIABLE */
font-family: Impact;
font-size: 27px;
font-style: italic;
letter-spacing: 1px;
text-transform: uppercase;
}
/* STATISTIQUES QEEL */
.stsQEEL {
position:absolute; margin-top:-34px; margin-left:300px;
width:585px; text-align:right;
}
/* TOTAL MEMBRES */
.tlMQEEL {
height:44px; width: 120px; padding:10px; text-align:center; font-size:11px;
background:#f5eb31; color:black; margin-top: 51px; line-height: 22px;
margin-left: 440px; /* MODIFIABLE */
}
/* TOTAL MESSAGES */
.tlPQEEL {
height:44px; width: 120px; padding:10px; text-align:center; font-size:11px;
background:#87dad2; color:white;
margin-top: 12px; margin-left: 440px; line-height: 22px;
  /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
height:25px; width: 200px; padding:10px; text-align:center; font-size:11px;
background:white; border: 5px solid #E8E8E8; color:black;
margin-top: 10px; margin-left: -300px; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; text-transform: uppercase;
width:325px; height:100px; padding:15px; overflow:auto;
background:white; color:black; border: 5px solid #E8E8E8;
font-size:10px; text-align:justify; margin-left: 10px;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:0 10px;
width:315px; height:100px; padding:15px; overflow:auto;
background:white; border: 5px solid #E8E8E8; text-transform: uppercase;
font-size:10px; text-align:justify;
}
.dayQEEL .row1 {
padding:0 !important; background:none !important;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .gensmall {
color:black; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
margin-left: 250px; width:630px; height:35px; overflow:hidden;
text-align:center; font-size:12px;
border: 5px solid #E8E8E8; margin-top: 10px;
font-family: impact; font-style: italic;
font-size: 24px; letter-spacing: -1px;
padding-top: 10px; display: inline-block;
text-transform:uppercase; background: white;
}
/* GROUPE QEEL */
.GQEEL a{
overflow:hidden;
}

Mon template :

Code:

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><td><div class="QEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a><!-- STATISTIQUES --><div class="stsQEEL"><!-- TOTAL MEMBRES --><div class="tlMQEEL"><span id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membres enregistrés/," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membre enregistré/," ");</script><br/>Membres</div><div class="tlPQEEL"><!-- TOTAL MESSAGES --><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," "); document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/messages/," ");</script><br/>Messages</div><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL"><!-- DERNIER INSCRIT -->Bienvenue à<br/><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div></div></div><!-- MEMBRES CONNECTES --><div class="onlineQEEL"><table><span id="TLUS" style="font-size:9px;">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script><br/><br/>{LOGGED_IN_USER_LIST}</table><br/></div><!-- 24H --><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div>

<div class="GQEEL"><a href="http://hells-kitchen.forumactif.com/g7-citadel" target="_blank" style="padding-right: 20px; color:#7FDB3D;">CITADEL</a><a href="http://hells-kitchen.forumactif.com/g6-imperator" target="_blank" style="padding-right: 20px; color:#BD31F5;">IMPERATOR</a><a href="http://hells-kitchen.forumactif.com/g5-alteza" target="_blank" style="padding-right: 20px; color:#F57C31;">ALTEZA</a><a href="http://hells-kitchen.forumactif.com/g4-crazy-dogs" target="_blank" style="padding-right: 20px; color:#F53134;">CRAZY DOGS</a><a href="http://hells-kitchen.forumactif.com/g8-black-bottles" target="_blank" style="color:#49B2EA;">BLACK BOTTLES</a></div>

</div></td></tr></table>
<!-- END disable_viewonline -->

Merci !

[MasDan]

Bonjour Melodiam,

capture de la div GQEEL


capture de la div stsQEEL (recouvre la div GQEEL sauf le début du C de Citadel)


les liens sont fonctionnels si non recouvert par la div stsQEEL (le lien apparaît au survol du début du C de Citadel)


Le problème est créer par la div lstQEEL inclus dans la div stsQEEL auquel vous avez appliquer un margin-left de -300px.

Éviter cette superposition et vos liens seront parfaitement fonctionnels.

[Melodiam]

Bonjour !!

Merci pour votre réponse, j'ai séparé lstQEEL et les liens du bloc groupes marchent !!
Par contre les liens pseudos du bloc "connectés au cours des 24 dernières heures" ne marchent toujours pas

[MasDan]

Bonjour,

Même problème, la div stsQEEL


qui recouvre la div dayQEEL

[Melodiam]

Bonjour !

C'est à dire que cette partie du template

Code:

<!-- 24H --><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div>

je dois l'inclue entre les balises de stsQEEL ?

[MasDan]

Bonjour,

Le problème se situe dans votre utilisation des margin pour positionner vos div.


Votre div T1QEEL occupe tout l'espace jaune.

En supprimant, les margin voyez l'espace que votre div t1QEEL occupe

Déplacer vos div dans votre code et éliminer l'utilisation des margin pour repositionner vos div et vous supprimerez vos problèmes de lien qui ne fonctionne pas.

Idem pour la div t1PQEEL

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Melodiam]

Excusez-moi !!!


Le problème est résolu, merci merci merci !