Centrer les titres des groupes dans le QEEL {résolu} Bouton_activeCentrer les titres des groupes dans le QEEL {résolu} Bouton_hoverCentrer les titres des groupes dans le QEEL {résolu} Fb-hoverCentrer les titres des groupes dans le QEEL {résolu} Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Centrer les titres des groupes dans le QEEL {résolu} EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Centrer les titres des groupes dans le QEEL {résolu} EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Centrer les titres des groupes dans le QEEL {résolu} EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Centrer les titres des groupes dans le QEEL {résolu} EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Centrer les titres des groupes dans le QEEL {résolu} EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Centrer les titres des groupes dans le QEEL {résolu} EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Centrer les titres des groupes dans le QEEL {résolu} EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Centrer les titres des groupes dans le QEEL {résolu} EmptySam 11 Fév 2023, 06:04 par Krager

-48%
Le deal à ne pas rater :
Philips Hue Pack Decouverte 2024 : lightstrip 3M + ampoules E27 X2 + ...
119 € 229 €
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Centrer les titres des groupes dans le QEEL {résolu}

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Hurricane
Hurricane
{ Membre }
{ Membre }

Féminin Messages : 69



Centrer les titres des groupes dans le QEEL {résolu} Empty
Bonsoir,
depuis que j'ai ajouté des infobulles dans mon QEEL je n'arrive plus à centrer les titres des groupes :/
ils restent coincés sur la gauche :

https://2img.net/image.noelshack.com/fichiers/2013/05/1359893857-qeel.png

J'ai essayé de bidouiller, que ça soit par le template ou le css mais y'a rien à faire...

Voici mon template

Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle" align="right">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td width="50%" valign="top">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
        <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
        <!-- END switch_delete_cookies -->
        </span>
      </td>
      <td width="50%" align="right">
        <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
              <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
              <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
        </span>
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

        <!-- BEGIN disable_viewonline -->
        <!--
        ==================================================
        PERSONNALISATION DU QUI EST EN LIGNE
        Début du code
        ==================================================
        -->
        <div class="QeelPerso">
   
          <table width="100%" border="0" cellspacing="5" cellpadding="5" align="justify">
              <tr>
                <td colspan="2" align="justify" class="ListeGroupes">

                  <!-- DEBUT INFOBULLE -->
                  <center>
                  <div class="tfabulle"> <a class="group" href="http://theedgeofhalliwell.forumotion.com/g4-la-famille-halliwell" style="color: #8A4442;">Famille Halliwell</a>
                <div class="in_bulle">
                  <p><style="float: left; margin-right: 3px;" alt="" />
                            <b>La famille Halliwell</b> est connue du monde magique pour avoir tué de nombreuses créatures maléfiques et pour leur célèbre pouvoir des trois.
                     

                                      <br><br><a class="bullevoir" href="http://theedgeofhalliwell.forumotion.com/g4-la-famille-halliwell" style="color: #C55316;font-size:14px;align:center; " >Voir les membres de la famille Halliwell</a>
                      </p>
                </div>
          </div>
                    <!-- FIN INFOBULLE -->
               
                                      <!-- DEBUT INFOBULLE -->

                  <div class="tfabulle"> <a class="group" href="http://theedgeofhalliwell.forumotion.com/g5-les-sorciers" style="color: #b5a374;">Sorciers</a>
                <div class="in_bulle">
                    <p><style="float: left; margin-right: 3px;" alt="" />
                            <b>Les Sorciers</b> sont les membres du staff les plus haut placés. Ce sont eux qui prennent les grandes décisions
                            pour l'avenir du forum.
                     

                                    <br><br><a class="bullevoir" href="http://theedgeofhalliwell.forumotion.com/g5-les-sorciers" style="color: #C55316;font-size:14px;align:center; " >Voir les sorciers</a>
                      </p>
                </div>
          </div>
                    <!-- FIN INFOBULLE -->
               
                    <!-- DEBUT INFOBULLE -->

                  <div class="tfabulle"> <a class="group" href="http://theedgeofhalliwell.forumotion.com/g13-les-phoenix" style="color: #a789ae;">Phoenix</a>
                <div class="in_bulle">
<p><style="float: left; margin-right: 3px;" alt="" />
                            <b>Les Phoenix</b> sont les membres du staff les plus haut placés. Ce sont eux qui prennent les grandes décisions
                            pour l'avenir du forum.
                     
                        <br><br><a class="bullevoir" href="http://theedgeofhalliwell.forumotion.com/g13-les-phoenix" style="color: #C55316;font-size:14px;align:center; " >Voir les phoenix</a>
                      </p>
                </div>
          </div>
                    <!-- FIN INFOBULLE -->
                    <!-- DEBUT INFOBULLE -->

                  <div class="tfabulle"> <a class="group" href="http://theedgeofhalliwell.forumotion.com/g6-les-etres-de-lumiere" style="color: #77c0d8;">EDL</a>
                <div class="in_bulle">
                    <p><style="float: left; margin-right: 3px;" alt="" />
                            <b>Les êtres de Lumière</b> sont les membres du staff les plus haut placés. Ce sont eux qui prennent les grandes décisions
                            pour l'avenir du forum.
                     

                                      <br><br><a class="bullevoir" href="http://theedgeofhalliwell.forumotion.com/g6-les-etres-de-lumiere" style="color: #C55316;font-size:14px;align:center; " >Voir les êtres de Lumière</a>           
                      </p>
                </div>
          </div>
                    <!-- FIN INFOBULLE -->
                    <!-- DEBUT INFOBULLE -->

                  <div class="tfabulle"> <a class="group" href="http://theedgeofhalliwell.forumotion.com/g9-les-etres-des-tenebres" style="color: #3f5056;">EDT</a>
                <div class="in_bulle">
                    <p><style="float: left; margin-right: 3px;" alt="" />
                            <b>Les êtres des ténèbres</b> sont les membres du staff les plus haut placés. Ce sont eux qui prennent les grandes décisions
                            pour l'avenir du forum.
                     

<br><br><a class="bullevoir" href="http://theedgeofhalliwell.forumotion.com/g9-les-etres-des-tenebres" style="color: #C55316;font-size:14px;align:center; " >Voir les êtres des ténèbres</a>           
                      </p>
                </div>
          </div>
                    <!-- FIN INFOBULLE -->
                    <!-- DEBUT INFOBULLE -->

                  <div class="tfabulle"> <a class="group" href="http://theedgeofhalliwell.forumotion.com/g7-les-demons" style="color: #442221;">Démons</a>
                <div class="in_bulle">
                      <p><style="float: left; margin-right: 3px;" alt="" />
                            <b>Les démons</b> sont les membres du staff les plus haut placés. Ce sont eux qui prennent les grandes décisions
                            pour l'avenir du forum.
                     

<br><br><a class="bullevoir" href="http://theedgeofhalliwell.forumotion.com/g7-les-demons" style="color: #C55316;font-size:14px;align:center; " >Voir les démons</a>             
                      </p>
                </div>
          </div>
                    <!-- FIN INFOBULLE -->
                    <!-- DEBUT INFOBULLE -->

                  <div class="tfabulle"> <a class="group" href="http://theedgeofhalliwell.forumotion.com/g10-les-vampires" style="color: #d4261e;">Vampires</a>
                <div class="in_bulle">
                      <p><style="float: left; margin-right: 3px;" alt="" />
                            <b>Les vampires</b> sont les membres du staff les plus haut placés. Ce sont eux qui prennent les grandes décisions
                            pour l'avenir du forum.
                     

<br><br><a class="bullevoir" href="http://theedgeofhalliwell.forumotion.com/g10-les-vampires" style="color: #C55316;font-size:14px;align:center; " >Voir les vampires</a>             
                      </p>
                </div>
          </div>
                    <!-- FIN INFOBULLE -->
                                        <!-- DEBUT INFOBULLE -->

                  <div class="tfabulle"> <a class="group" href="http://theedgeofhalliwell.forumotion.com/g10-les-vampires" style="color: #dd6da6;">Cupidons</a>
                <div class="in_bulle">
                    <p><style="float: left; margin-right: 3px;" alt="" />
                            <b>Les cupidons</b> sont les membres du staff les plus haut placés. Ce sont eux qui prennent les grandes décisions
                            pour l'avenir du forum.
                     

                <br><br><a class="bullevoir" href="http://theedgeofhalliwell.forumotion.com/g8-les-cupidons" style="color: #C55316;font-size:14px;align:center; " >Voir les cupidons</a>
                      </p>
                </div>
          </div>
                    <!-- FIN INFOBULLE -->
                                        <!-- DEBUT INFOBULLE -->

                  <div class="tfabulle"> <a class="group" href="http://theedgeofhalliwell.forumotion.com/g11-les-fondateurs" style="color: #375D81;">Fondateurs</a>
                <div class="in_bulle">
                    <p><style="float: left; margin-right: 3px;" alt="" />
                            <b>Les fondateurs</b> sont les membres du staff les plus haut placés. Ce sont eux qui prennent les grandes décisions
                            pour l'avenir du forum.
                     

  <br><br><a class="bullevoir" href="http://theedgeofhalliwell.forumotion.com/g11-les-fondateurs" style="color: #C55316;font-size:14px;align:center; " >Voir les fondateurs</a>
                      </p>
                </div>
          </div>
                    <!-- FIN INFOBULLE -->
                                        <!-- DEBUT INFOBULLE -->

                  <div class="tfabulle"> <a class="group" href="http://theedgeofhalliwell.forumotion.com/g12-les-inquisiteurs" style="color: #c09c40;">Inquisiteurs</a>
                <div class="in_bulle">
                    <p><style="float: left; margin-right: 3px;" alt="" />
                            <b>Les inquisiteurs</b> sont les membres du staff les plus haut placés. Ce sont eux qui prennent les grandes décisions
                            pour l'avenir du forum.
                     

                  <br><br><a class="bullevoir" href="http://theedgeofhalliwell.forumotion.com/g12-les-inquisiteurs" style="color: #C55316;font-size:14px;align:center; " >Voir les inquisiteurs</a>               
                      </p>
                </div>
                    </div></center>
                    <!-- FIN INFOBULLE -->

                </td>
              </tr>
          <table cellpadding="0" cellspacing="0">
          <tr>
              <td width="200">
              <center>  <div class="Boites Ligne1 LoggedIn"> <span class="gensmall">
        <span id="nb_messages">{TOTAL_POSTS}<script type="text/javascript">document.getElementById('nb_messages').innerHTML=document.getElementById('nb_messages').innerHTML.replace(/Nos membres/,"Nos ensorceleurs");</script></span><br />
        <span id="mb_inscrits">{TOTAL_USERS}<script type="text/javascript">document.getElementById('mb_inscrits').innerHTML=document.getElementById('mb_inscrits').innerHTML.replace(/membres enregistrés/,"ensorceleurs recensés dans notre école.");</script></span><br />
                        <div id="TFA4">{NEWEST_USER} 
                  <script type="text/javascript">   
                    document.getElementById('TFA4').innerHTML=document.getElementById('TFA4').innerHTML.replace(/L'utilisateur enregistré le plus récent est /,"La dernière personne qui a franchi nos portes est : "); 
                  </script> 
                        <br /><br />
        <span id="online">{TOTAL_USERS_ONLINE}<script type="text/javascript">document.getElementById('online').innerHTML=document.getElementById('online').innerHTML.replace(/ Enregistré/," Ensorceleur(s)");document.getElementById('online').innerHTML=document.getElementById('online').innerHTML.replace(/Invité/, "Visiteur ");document.getElementById('online').innerHTML=document.getElementById('online').innerHTML.replace(/utilisateur en ligne/, "personne(s) dans l'école");</script></span>
                      </br>        <span id="liste_en_ligne">{LOGGED_IN_USER_LIST}<script type="text/javascript">document.getElementById('liste_en_ligne').innerHTML=document.getElementById('liste_en_ligne').innerHTML.replace(/Utilisateurs enregistrés/," Ensorceleurs présents en ce moment ");</script></span
                      </span>
              </td>
       
              <td width="200">
                <div class="Boites Ligne1 Connected"><table class="DeBug">                   
                  {L_WHOSBIRTHDAY_TODAY}
                <span id="TFA2p0">
                  {L_WHOSBIRTHDAY_WEEK}
                  <script type="text/javascript">document.getElementById('TFA2p0').parentNode.innerHTML=document.getElementById('TFA2p0').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui/,"Les ensorceleurs fêtant leur anniversaire aujourd'hui sont").replace(/Membres fêtant leur anniversaire dans les ([0-9]+) prochains jours/,"Membres fêtant leur anniversaire dans les 7 prochains jours").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Aucun ensorceleur ne fête son anniversaire aujourd'hui").replace(/Aucun membre ne fête son anniversaire dans les ([0-9]+) prochains jours/,"Aucun ensorceleur ne fête son anniversaire dans les 7 prochains jours");</script></span></table></div>
              </td>
   
              <td width="200">
                <div class="Boites Ligne2 StatsForum">
                      <table class="DeBug"><table id="TFA6">{L_CONNECTED_MEMBERS}
            <script type="text/javascript">document.getElementById('TFA6').innerHTML=document.getElementById('TFA6').innerHTML.replace(/Membres connectés/,"Voici la liste des ensorceleurs qui sont passés  ");</script>
                        </table>   
            </table>
                    </div>
                </td>
              </tr>
          </table>
        </div>
        <!--
        <!--
        ==================================================
        PERSONNALISATION DU QUI EST EN LIGNE
        ==================================================
        Fin du code
        ==================================================
        -->
   
        <!-- END disable_viewonline -->
        {CHATBOX_BOTTOM}
        <br clear="all" />
        <!-- BEGIN switch_legend -->
        <table border="0" cellspacing="3" cellpadding="0" align="center">
          <tr>
              <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
              <td><span class="gensmall">{L_NEW_POSTS}</span></td>
              <td></td>
              <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
              <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
              <td>  </td>
              <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
              <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
          </tr>
        </table>
        <!-- END switch_legend -->
   
        {AUTO_DST}
   
        <!-- BEGIN switch_fb_index_login -->
        <div id="fb-root"></div>
        <script type="text/javascript">
        //<![CDATA[
        FB.init({
          appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
            status: true,
            cookie: true,
            xfbml: true,
          oauth: true
        });
        //]]>
        </script>
        <!-- END switch_fb_index_login -->

et le CSS

Code:



/* ===============================================
PERSONNALISATION DU QUI EST EN LIGNE
Début du code
================================================== */

/* Conteneur du Qeel */
.QeelPerso {
  padding:10px 5px; /* espacement du contenu par rapport à la bordure */
    background: url(http://image.noelshack.com/fichiers/2013/04/1359288109-pat.png);
      border-radius:9px 9px 9px 9px ;
    border-bottom : 1px dotted #CC7023;
 
}

/* Mise en forme commune des boîtes de contenu */
.QeelPerso .Boites {
  background-color: #E0CDB1;
  font-size: 10px;
  overflow : auto;  /* défilement si on dépasse la hauteur */
  .elevator::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #000000 /*couleur de l'ascenseur*/;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;}
  padding:10px;/* espacement du contenu par rapport à la bordure */
  text-align:left; /* alignement texte */
  border-radius : 10px;
  padding : 8px;
  border-top: 3px solid #cc7023;
  border-bottom: 3px solid #cc7023;
    box-shadow: 0 0 5px #cc7023;
  border-radius: 10px;
}


.Boites:hover {
  border-top: 3px solid #d0a175;
  border-bottom: 3px solid #d0a175;
  box-shadow: 0 0 5px #d0a175;
}

/* Mise en forme boîtes première ligne */
.QeelPerso .Ligne1 {
  height: 155px; /* hauteur */
  width: 257px;
}

/* Mise en forme boîtes deuxième ligne */
.QeelPerso .Ligne2 {
  height: 155px; /* hauteur */
    width: 257px;
}

/* Mise en forme contenu boîte des membres en ligne */
.QeelPerso .LoggedIn {
  font-size:10px;
}

/* Mise en forme contenu boîte des membres connectés récemment */
.QeelPerso .Connected {
  font-size:12px;
}

/* Mise en forme contenu boîte des statistiques du forum */
.QeelPerso .StatsForum {
  font-size:10px;
}

/* Mise en forme contenu boîte des anniversaires */
.QeelPerso .StatsAnnivs {
  font-size: 12px;
  font-style : bold;
  color: #fff;
}

/* Liste des groupes */
.QeelPerso .ListeGroupes {
  height: 50px; /* hauteur fixe */
  overflow : auto; /* défilement si on dépasse la hauteur */
  text-align: center;
}

/* Mise en forme des liens de la liste des groupes */
.QeelPerso .ListeGroupes a {
  font-size:25px;
  padding-right:6px;
font-family:'Cookie', cursive;
  font-style:italic; /* texte en italique */
    text-shadow: 0px 0px 1px grey;
  text-decoration: none!important; /* pas de soulignement du lien */
  letter-spacing:1px; /* espacement des lettres */
}

/* Couleur des groupes */
a.groupe1 { color:#COULEURGROUPE; }
a.groupe2 { color:#COULEURGROUPE; }
a.groupe3 { color:#COULEURGROUPE; }
a.groupe4 { color:#COULEURGROUPE; }

/* Debuggage fond anniversaires et liste 24h */
.DeBug td.row1{
  background:none;
 
}


/* ---------- INFOBULLES GROUPES ----------- */

/* INFOBULLES */
.tfabulle{
  align:center;
position: relative;
float: left;
margin: 0;
padding: 0;
}
/* PARTIE MASQUE DE L’INFOBULLE */
.in_bulle {
display: none;
margin: 0;
padding: 0;
}
/* INFOBULLES AU SURVOL */
.in_bulle:hover {
background: none;
z-index: 999;
}
/* CONFIGURATION-PARAMÈTRE DE L'INFOBULLE VISIBLE AU SURVOL */
.tfabulle:hover .in_bulle{
position: absolute;
width: 205px;
height: 146px;
display: block;
bottom: 15px;
left: 5px;
background: url('http://image.noelshack.com/fichiers/2013/05/1359891142-bubulle.png') transparent no-repeat;
margin: 0;
padding: 0;
}
/* PARAGRAPHE DE L'INFOBULLE */
.in_bulle p{
width: 190px;
height: 116px;
margin: 0px auto;
padding: 0;
font: 11px georgia;
text-align: justify;
color: #C44E14;
margin-top: 5px;
}
/* POLICE-COULEUR ETC... DU TEXTE EN GRAS */
.in_bulle b{
font-size:12px;
font-family:georgia;
color: #CA6923;
}
/* LIENS DANS L'INFOBULLE */
.in_bulle p a{
color: #004575;
text-decoration: none;
text-shadow: 0px 1px 0px #000;
}
/* LIENS DANS L'INFOBULLE AU SURVOL */
.in_bulle p a:hover{
color: #a75300;
text-decoration: none;
}

PERSONNALISATION DU QUI EST EN LIGNE
==================================================
Fin du code
================================================== */

Lien du forum : http://theedgeofhalliwell.forumotion.com/


Dernière édition par Hurricane le Lun 04 Fév 2013, 14:36, édité 1 fois
MessageSujet: Centrer les titres des groupes dans le QEEL {résolu}   Centrer les titres des groupes dans le QEEL {résolu} EmptyDim 03 Fév 2013, 15:21
Revenir en haut Aller en bas
http://reve-inverness.forumactif.com/
Abysse Yclette
Abysse Yclette
{ Membre }
{ Membre }

Féminin Messages : 152



Centrer les titres des groupes dans le QEEL {résolu} Empty
Hello ! Alors déjà les balises < center > ne doivent plus être utilisées, elles n'ont plus de sens. Ensuite je crois pouvoir te proposer une solution :
Code:
<td colspan="2" align="justify" class="ListeGroupes">

Voici la partie qui précède ta liste des groupes. On voit ici que tu as demandé un alignement "justifié". Il te suffirait donc de mettre un alignement "centré". Il faudrait donc changer le bout de ton tableau de cette façon :
Code:
<td colspan="2" align="center" class="ListeGroupes">

Bref, j'espère que ça t'aidera. Si je ne suis pas claire, n'hésite pas à me le dire x)
MessageSujet: Re: Centrer les titres des groupes dans le QEEL {résolu}   Centrer les titres des groupes dans le QEEL {résolu} EmptyDim 03 Fév 2013, 16:21
Revenir en haut Aller en bas
http://dreamzz-hime.grafbb.com
Pon&Zi
Pon&Zi
{ Membre }
{ Membre }

Féminin Messages : 123



Centrer les titres des groupes dans le QEEL {résolu} Empty
Si je peux me permettre d'ajouter quelque chose, vous pourriez même tout simplement zapper de votre code l'alignement puisqu'il est déjà dans votre css.

Code:
<td colspan="2" class="ListeGroupes">

Comme l'alignement centré s'applique déjà à la classe ListeGroupes, ça ne sert à rien de répéter deux fois à votre cellule que son contenu doit être centré (:
MessageSujet: Re: Centrer les titres des groupes dans le QEEL {résolu}   Centrer les titres des groupes dans le QEEL {résolu} EmptyDim 03 Fév 2013, 21:14
Revenir en haut Aller en bas
Hurricane
Hurricane
{ Membre }
{ Membre }

Féminin Messages : 69



Centrer les titres des groupes dans le QEEL {résolu} Empty
J'ai enlevé les center, j'ai essayé vos deux méthodes (avec et sans le align="center") ça ne fait toujours rien ;_;

Je me demande si ça vient pas du css, de la partie tfabulle pour être plus précise ! Enfaite quand je change le float de left à center, ça bouge enfin mais pas de la bonne manière, ça met les titres les un en dessous des autres, sans compter que les infobulles ne fonctionnent plus :

Spoiler:

Mon QEEL est un vrai casse tête @_@
MessageSujet: Re: Centrer les titres des groupes dans le QEEL {résolu}   Centrer les titres des groupes dans le QEEL {résolu} EmptyLun 04 Fév 2013, 06:08
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Centrer les titres des groupes dans le QEEL {résolu} Empty
Bonjour,

Ton problème est normal si tes groupes sont flottants (Je ne vois pas la logique d'avoir fait ça mais bon). Il te faut définir un conteneur qui fasse la largeur du total des groupes, et qui soit centré (cf ce tutoriel).
MessageSujet: Re: Centrer les titres des groupes dans le QEEL {résolu}   Centrer les titres des groupes dans le QEEL {résolu} EmptyLun 04 Fév 2013, 07:24
Revenir en haut Aller en bas
Hurricane
Hurricane
{ Membre }
{ Membre }

Féminin Messages : 69



Centrer les titres des groupes dans le QEEL {résolu} Empty
J'arrivais pas à faire fonctionner les infobulles sans... Mais bon j'en ai marre de ces infobulles, je les enlève pour me simplifier la vie Centrer les titres des groupes dans le QEEL {résolu} 1516208530
Problème résolu on peut archiver merci pour vos réponses What a Face
MessageSujet: Re: Centrer les titres des groupes dans le QEEL {résolu}   Centrer les titres des groupes dans le QEEL {résolu} EmptyLun 04 Fév 2013, 14:37
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Centrer les titres des groupes dans le QEEL {résolu} Empty
Hello !
Je vois le tag [résolu], so je déplace !
Merci de l'avoir signalé Centrer les titres des groupes dans le QEEL {résolu} 926145
MessageSujet: Re: Centrer les titres des groupes dans le QEEL {résolu}   Centrer les titres des groupes dans le QEEL {résolu} EmptyMer 06 Fév 2013, 16:01
Revenir en haut Aller en bas
Contenu sponsorisé




Centrer les titres des groupes dans le QEEL {résolu} Empty
MessageSujet: Re: Centrer les titres des groupes dans le QEEL {résolu}   Centrer les titres des groupes dans le QEEL {résolu} Empty
Revenir en haut Aller en bas
 

Centrer les titres des groupes dans le QEEL {résolu}

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Comment déplacer les groupes du QEEL (et les groupes seulement)? [Résolu]
» légende des groupes dans qeel
» Les petits contour autour des groupes dans le QEEL
» [résolu]intrus dans le QEEL
» Centrer titres des forums problème ...

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit