Déjà, désolée si ce n'est pas un endroit pour poster ce genre de demande, mais je ne savais pas où poster, sinon ... :/

Donc, en fait j'aimerais qu'on m'aide pour le codage du QEEL de mon forum, parce que je vais changer de design et donc changer un peu sa structure. Déjà, voici à quoi il ressemble maintenant ; https://i.servimg.com/u/f83/18/12/12/77/sans_t14.png et il faut savoir que quand on passe la souris sur le nom des groupes, le texte dans le cadre change pour laisser apparaître la description des meutes et pour retourner aux stats, il suffit de passer la souris sur le « qui rôde sur nos terres? ». Voici à quoi ressemble le QEEL du nouveau design pour le moment ; https://i.servimg.com/u/f83/18/12/12/77/sans_t10.jpg !

Or j'aimerais mettre les noms des groupes au dessus de la phrase, et il faut donc déplacer plusieurs trucs etc, et c'est là que je galère en fait >.< (en plus, même sur la phrase ce n'est pas réglé car il faut aller plus haut que le « qui se désaltère à nos côtés? » pour revenir aux stats.) Ainsi, je vous demande de l'aide >< Parce qu'en fait, le premier design du forum a été fait pas une graphiste/codeuse, sauf que cette fois, elle est surchargée de travail d'autant plus qu'elle va passer son brevet dans pas longtemps et tout, donc elle n'a pas de temps pour moi, et je ne lui en veux pas ! x) Donc voilà, vous êtes pas seule chance >.<"

Voici les codages (mis sous hide pour plus de sécurité o/)

Voici le CSS :



Et le template :




Merci pour votre aide ! ;.; ♥

Je poste pour avoir accès à tes codes (:
Si éventuellement tu pouvais aussi me donner le lien de ton forum test ^___^ (sous hide si tu veux)

Voici le forum test o/

http://forumtestam.forumotion.com/

Merci de prendre le temps de m'aider

Alors, pourrait tu aussi faire un petit schéma de ce que tu souhaites exactement comme placement. Quelque chose comme ceci https://i.imgur.com/fYmomFk.png ?

J'aurais plus imaginé un truc comme ça : https://i.servimg.com/u/f83/18/12/12/77/sansvf10.jpg (prends juste en compte leurs places hein x))

Alors, dans ton css, il te faut trouver cette partie là

Code:

.declancheurs_groupes img
      {
        display: block;

 .declancheurs_groupes .d_moonlight
      {
        position: absolute;
        top: 70px;
        right: 145px;
      }
     
      .declancheurs_groupes .d_aurore
      {
        position: absolute;
        top: 95px;
        right: 223px;
      }
     
      .declancheurs_groupes .d_crepuscule
      {
        position: absolute;
        top: 145px;
        right: 220px;
      }
     
      .declancheurs_groupes .d_eclipse
      {
        position: absolute;
        top: 180px;
        right: 205px;
      }
     
      .declancheurs_groupes .d_solitaires
      {
        position: absolute;
        top: 225px;
        right: 165px;
      }
     
      .declancheurs_groupes .d_pnjs
      {
        position: absolute;
        top: 265px;
        right: 150px;
      }

Tu peux supprimer cette partie, tu n'en auras plus besoin (ou bien seulement commenter si tu préfères hein ^^)

Là normalement, si tu valides, toutes tes images se mettront les unes à côté des autres.
Ensuite, il suffit de mettre à la div qui contient tout ça (.declancheurs_groupes) une largeur (width) correspondant à 2 textes à côtés.
Par exemple

Code:

.declancheurs_groupes{
    width: 300px;
}

Superbe, merci ! *-*
Et comment faire pour changer l'ordre des groupes? x) *nouille*

Normalement il te suffit de changer l'ordre dans ton template

Merci, ça a marché J'ai aussi réussi à les centrer o/
Par contre, il y a un bug :/ Ils sont plus alignés T.T Et aussi, c'est possible de mettre un plus grand écart entre les noms des groupes? ^^

Encore merci *-*

Oui ^^

Code:

.declancheurs_groupe img {
    vertical-align: top; /* pour que les images s'alignent*/
    margin: 5px; /* pour écarter les images*/
}

D'acc' merci ! ^^ 
Désolée du retard, j'ai eu quelques exams et j'ai pas eu le temps de passer ^^'

Une dernière quesiton : je ne trouve pas comment changer l'image du nom des groupes ! Tu peux m'expliquer stp? ^^" Merci ! (:

Dans ton code, à ce niveau là :

Code:

 <div class="declancheurs_groupes">
         <img src="http://img11.hostingpics.net/pics/972083MoonlightQEEL.png" class="d_moonlight" onMouseOver="changeDesc('groupe_moonlight')" />
         <img src="http://img11.hostingpics.net/pics/263716AuroreQEEL.png" class="d_aurore" onMouseOver="changeDesc('groupe_aurore')" />
         <img src="http://img11.hostingpics.net/pics/175851CrepusculeQEEL.png" class="d_crepuscule" onMouseOver="changeDesc('groupe_crepuscule')" />
         <img src="http://img11.hostingpics.net/pics/625551EclipseQEEL.png" class="d_eclipse" onMouseOver="changeDesc('groupe_eclipse')" />
         <img src="http://img11.hostingpics.net/pics/774128RangsQEEL.png" class="d_solitaires" onMouseOver="changeDesc('groupe_solitaire')" />
         <img src="http://img11.hostingpics.net/pics/421607PNJQEEL.png" class="d_pnjs" onMouseOver="changeDesc('groupe_pnjs')" />
      </div>

Tu peux changer chaque image qui sont au niveau du src="     "

Merci beaucoup !
Malheureusement un nouveau bug se présente x_x
Le groupe Aurore ne se positionne pas à côté de "Solitaires", et du coup ça dérègle tout. De plus, pour revenir aux stats il faut passer sa souris à côté de "solitaires", dans un coin vide au lieu du bon endroit D:

Encore merci >w<"

Il te faut donc augmenter la width de "declancheurs_groupes" (voir mes messages précédents).
Sinon, chose très importante : essaye de donner la même hauteur à toutes tes images de groupe, pour qu'elles s'alignent parfaitement

Pour le retour aux stats, c'était où le bon endroit déjà ^^ ?

Sur le qui se désaltère à nos côtés ^^
Et merci ça a marché en effet ! :3

Il faut que tu trouves dans ton css la partie

Code:

   .click_stats
      {
         width: 390px;
         height: 50px;
         position: absolute;
         top: 10px;
         left: 23px;
      }

En changeant la valeur du "top" par 140px

Code:

   .click_stats
      {
         width: 390px;
         height: 140px;
         position: absolute;
         top: 10px;
         left: 23px;
      }

Merci beaucoup ! *-*
Une dernière chose et tout sera réglé : est - il possible de les baisser un peu, histoire que ça ne colle pas trop aux bords? ^^ 
Encore merci merci merciii *-*