Groupes qui ne se cliquent pas [QEEL]

[ptitlac]

Bonsoir !!

J'ai un petit problème avec mon qui est en ligne. J'ai tout mis en place, mais j'ai un problème avec mes groupes.
Je vous explique.
J'ai 13 groupes. Sur les 13, seulement 2 peuvent être cliqué et donc amène sur la page des groupes.
Je pense que vous pouvez comprendre mon problème xD

Je vous donne mon piti code.

Code:

<div align="center" class="qeelgroupes"><table><tr><td colspan=2 class="seul">
    <span class="groupes"><a href="http://filetdudiable.com/g8-poudlard"><font color="#8A5730">POUDLARD</font></a></span></td></tr><tr><td class="colone1">
  <span class="groupes"><a href="http://filetdudiable.com/g3-pnj"><font color="#fcb07e">PNJ'S</font></a></span></td><td class="colone2">
  <span class="groupes"><a href="http://filetdudiable.com/g5-autres"><font color="#6CAB60">AUTRES</font></a></span> </td></tr><tr><td colspan=2 class="seul">
  <span class="groupes"><a href="http://filetdudiable.com/g4-commercant"><font color="#993737">COMMERÇANTS</font></a></span></td></tr><tr><td class="colone1">
  <span class="groupes"><a href="http://filetdudiable.com/g7-journalistes"><font color="#ffaad8">MÉDIAS</font></a></span></td><td class="colone2">
  <span class="groupes"><a href="http://filetdudiable.com/g8-poudlard"><font color="#f4f4f4">QUIDDITCH</font></a></span> </td></tr><tr><td colspan=2 class="seul">
  <span class="groupes"><a href="http://filetdudiable.com/g17-ministere-de-la-magie" ><font color="#836EBD">MINISTÈRE DE LA MAGIE</font></a></span></td></tr><tr><td class="colone1">
  <span class="groupes"><a href="http://filetdudiable.com/g12-serdaigle"><font color="#2a698e">SERDAIGLES</font></a></span> </td><td class="colone2">
  <span class="groupes"><a href="http://filetdudiable.com/g9-gryffondor"><font color="#970b0b">GRYFFONDORS</font></a></span></td></tr><tr><td class="colone1">
  <span class="groupes"><a href="http://filetdudiable.com/g11-serpentard"><font color="#3f753b">SERPENTARDS</font></a></span> </td><td class="colone2">
  <span class="groupes"><a href="http://filetdudiable.com/g10-poufsouffle"><font color="#efe46f">POUFSOUFFLES</font></a></span> </td></tr><tr><td class="colone1">
  <span class="groupes"><a href="http://filetdudiable.com/g6-sainte-mangouste"><font color="#678DCF">STE MANGOUSTE</font></a></span> </td><td class="colone2">
  <span class="groupes"><a href="http://filetdudiable.com/g23-ecole-des-ombres"><font color="#858280">ECOLE DES OMBRES</font></a></span> </td></tr></table>
  </div>

Je vous remercie, de m'avoir lu et d'essayer ou non de m'aider.

♥

EDIT : J'oubliais. Les deux qu'on peut cliquer sont les deux derniers (STE MANGOUSTE & ECOLE DES OMBRES)

[phinolex1]

Je ne m'y connais pas vraiment m'enfin ...


Dans ton code il y a "colone1" ou "colone2"
Mais d'apprais moi il faudrais continuer ... (ex : colone 1 , colone2 , colone3 ect...)

Donc en gros cela doit donner ça :

Code:

<div align="center" class="qeelgroupes"><table><tr><td colspan=2 class="seul">
    <span class="groupes"><a href="http://filetdudiable.com/g8-poudlard"><font color="#8A5730">POUDLARD</font></a></span></td></tr><tr><td class="colone1">
  <span class="groupes"><a href="http://filetdudiable.com/g3-pnj"><font color="#fcb07e">PNJ'S</font></a></span></td><td class="colone2">
  <span class="groupes"><a href="http://filetdudiable.com/g5-autres"><font color="#6CAB60">AUTRES</font></a></span> </td></tr><tr><td colspan=2 class="seul">
  <span class="groupes"><a href="http://filetdudiable.com/g4-commercant"><font color="#993737">COMMERÇANTS</font></a></span></td></tr><tr><td class="colone3">
  <span class="groupes"><a href="http://filetdudiable.com/g7-journalistes"><font color="#ffaad8">MÉDIAS</font></a></span></td><td class="colone4">
  <span class="groupes"><a href="http://filetdudiable.com/g8-poudlard"><font color="#f4f4f4">QUIDDITCH</font></a></span> </td></tr><tr><td colspan=2 class="seul">
  <span class="groupes"><a href="http://filetdudiable.com/g17-ministere-de-la-magie" ><font color="#836EBD">MINISTÈRE DE LA MAGIE</font></a></span></td></tr><tr><td class="colone5">
  <span class="groupes"><a href="http://filetdudiable.com/g12-serdaigle"><font color="#2a698e">SERDAIGLES</font></a></span> </td><td class="colone6">
  <span class="groupes"><a href="http://filetdudiable.com/g9-gryffondor"><font color="#970b0b">GRYFFONDORS</font></a></span></td></tr><tr><td class="colone7">
  <span class="groupes"><a href="http://filetdudiable.com/g11-serpentard"><font color="#3f753b">SERPENTARDS</font></a></span> </td><td class="colone8">
  <span class="groupes"><a href="http://filetdudiable.com/g10-poufsouffle"><font color="#efe46f">POUFSOUFFLES</font></a></span> </td></tr><tr><td class="colone9">
  <span class="groupes"><a href="http://filetdudiable.com/g6-sainte-mangouste"><font color="#678DCF">STE MANGOUSTE</font></a></span> </td><td class="colone10">
  <span class="groupes"><a href="http://filetdudiable.com/g23-ecole-des-ombres"><font color="#858280">ECOLE DES OMBRES</font></a></span> </td></tr></table>
  </div>

Je ne suis pas sur , m'enfin , essaye ^^

[ptitlac]

Merci de te pencher sur mon problème ♥

Je suis désolée, j'ai pas préciser, qeelgroupes, seul, groupes, colone2, colone1 c'est le CSS, c'est ce qui donne ma mise en page.

[phinolex1]

Je peut voir ton forum , par ce que je comprend pas trop stp >.<

[ptitlac]

Voici l'adresse

[phinolex1]

Le code est sans aucun doute , bon...

J'ai tester sur mon forum , et cela fonctionne.

Ton "qui est en ligne" est dans un état

Je comprend mieux pourquoi cela fonctionne pas chez toi.

Dans ton "qui est en ligne" on voit bien que t'es groupe ainsi que les dernier connecté son bien décaler et sorte du cadre.
Essaye de bien mettre "ton qui est en ligne" (le bien placer , que ce la fasse pas décaler avec t'es phrases) et je crois que ce sera bon


Phinolex.

[ptitlac]

Je n'ai pas tout comprit, je suis désolée ><

[phinolex1]

Le code est sans aucun doute , bon...

J'ai tester sur mon forum , et cela fonctionne.

Ton "qui est en ligne" est dans un état

Je comprend mieux pourquoi cela fonctionne pas chez toi.

Dans ton "qui est en ligne" on voit bien que t'es groupe ainsi que les dernier connecté son bien décaler et sorte du cadre.
Essaye de bien mettre "ton qui est en ligne" (le bien placer , que ce la fasse pas décaler avec t'es phrases) et je crois que ce sera bon


Phinolex.

Oublie ce que j'ai dit j'ai tester sous mozilla ._.

A mon avis , c'est ta mise en forme de ton qui est ligne qui doit bloquer les liens de t'es groupes.

Je sais pas comment expliquer pour que tu compraines ><

[ptitlac]

Mais dans ce cas là, pourquoi les deux derniers fonctionnent et pas les autres ?? Ils sont exactement mis de la même manière dans mon code. Donc je ne pense pas que ça vienne de là. De plus dans les précédentes versions de mon forum, ça fonctionnait très bien, hors là, plus rien.

[phinolex1]

Dans les "autre" version de ton forum , ton qui est en ligne ressemblais à celui d’aujourd’hui ?

[ptitlac]

Les groupes ont toujours été un peu sous cette forme, si ce n'est le tableau.

[phinolex1]

Ok

Et ceci , existait il dans t'es autre version ?

[ptitlac]

En quoi ma page d’accueil a-t-elle un rapport avec le qui est en ligne ?
L'un est dans les templates et pas l'autre, je ne comprend pas.

Mais sinon oui, j'en avais a chaque fois une dans les autres versions.

[ptitlac]

Serait-il possible d'avoir une réponse ou de l'aide s'il vous plait ?

[Dark Plagueis]

Pouvez vous me donné votre index-body ? Et votre CSS?

[ptitlac]

Avec plaisir.

Voici mon CSS propre au qui est en ligne.

Code:

.cadre3 {
  margin-top: -625px;
  /*padding-top: 30px;*/
  padding-bottom: 30px;
  position: relative;
  margin-left: 108px;
  -moz-border-radius: 10px;
  background-color: transparent !important;
  text-align: justify;
  display:block;
  font-size:10px;
  text-indencent:20px;
  width:290px;
  height:280px;}

.connecter {
  /*padding-top: 30px;
  padding-bottom: 30px;*/
  -moz-border-radius: 10px;
  background-color: transparent !important;
  margin-top: -313px;
  /*margin-top: -70px;*/
  padding-left: 20px;
  position: relative;
  font-size:10px;
  height:160px;
  width:415px;}

.qeelgroupes{
  padding-top:65px;
  /*padding-top:60px;*/
  text-shadow: #000000 3px 3px 4px;
  text-align:center;
  LETTER-SPACING: -1px;
  font-size: 10px;
  text-transform : UPPercase;
  text-decoration: none !important;
  background-color: transparent !important;
  padding-left:15px;
  position: relative;
  top:-160px;
}

.groupes{
  font-size:10px;}

.colone1{
  text-align:right;}

.colone2{
  text-align:left;}

.seul{
  text-align:center;}

.video{
margin-top : -533px;
/*margin-top : -188px;*/
padding-left: 248px;
position: relative;}

#QEEL{
  background-image:url('http://img209.imageshack.us/img209/5407/qeeltrois.png');
  height:652px;
  width: 882px;}

Et vous trouverez ci-joint mon template

Fichiers joints

Index_Body.txt Vous n'avez pas la permission de télécharger les fichiers joints.(15 Ko) Téléchargé 1 fois

[Scoubifitz]

bonjour,

mettez une bordure sur la vidéo pour comprendre ... c'est elle qui cache vos liens ... :

.video{
margin-top : -533px;
/*margin-top : -188px;*/
padding-left: 248px;
position: relative;
border:1px solid white;}

edit:

pour corriger , remplacez padding-left par margin-left ...

.video{
margin-top : -533px;
/*margin-top : -188px;*/
margin-left: 248px;
position: relative;}

[Scoubifitz]

dble post , désolé

[ptitlac]

Hum...le problème c'est qu'il faut ajouter une bordure ? Ou c'est le padding ? Et pourquoi est-ce ça le problème ?

Merci en tout cas d'avoir regardé ♥

[Scoubifitz]

c'est la "div" de la video qui cache les liens ...

le premier code est pour rendre le problème visible ,

le 2e code est pour corriger le problème ...

[ptitlac]

Ah d'accord, merci je vais tester ♥

EDIT: Absolument nickel !! Merci infiniment ♥

Si je poste un autre problème tu m'aide à la résoudre ? xD

[Scoubifitz]

la touche et ?

Si je poste un autre problème tu m'aide à la résoudre ? xD

si c'est possible ! ^^

[ptitlac]

D'accord, merci infiniment, je vais ouvrir un autre sujet ♥