QEEL trop large.

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

Résolu QEEL trop large.

Message par Zelfy le Mer 7 Mai - 14:25

[list]
Bonjour,
Je rencontre un petit problème de code : mon QEEL (pour l'instant en noir) est plus large que mes catégories, alors que j'aimerais qu'il soit aligné avec le reste du forum. J'ai essayé de bidouiller quelques trucs mais rien n'y fait.. Je vous remercie d'avance !    I love you 
Voici le lien de mon forum : http://protegohorribilis.forumactif.org/.
Et le code CSS de mon QEEL, si besoin :
Code:
.qeel {  background-color: #131313;  margin-bottom: -28px;  width: 900px;  margin-right: -25px;  margin-left: -11px;  padding-top: 20px;  padding-bottom: 10px;}.qeel_table {  background-color: #131313;  margin-right: -26px;  width: 900px;}.colonneqeel {  background-color: #171717;  color: #bebebe;  font-family: arial;  font-size: 8pt;  height: 160px;  margin-left: 10px;  padding: 10px;  width: 240px;}.colonneconnecter {  width: 262px;  height: 179px;  margin-left: -14px;  background-color: #171717;}.groupeqeel {  text-align: center;  font-family: arial;  font-size: 11pt;  text-shadow: 0px 1px 1px #000;}.colonnegroupe {  width: 120px;  height: 160px;  padding: 10px;  background-color: #171717;}.titrelogo {  color: #343434;  font-family: arial;  font-weight: 700;  text-shadow: 0 1px 1px #000;  text-transform: uppercase;  float: right;  margin-right: 65px;}.titregroupe {  color: #343434;  font-family: arial;  font-weight: 700;  margin-bottom: -22px;  margin-left: 602px;  position: absolute;  text-shadow: 0 1px 1px #000;  text-transform: uppercase;}.titreqep {  color: #343434;  font-family: arial;  font-weight: 700;  margin-bottom: -22px;  margin-left: 314px;  position: absolute;  text-shadow: 0 1px 1px #000;  text-transform: uppercase;}.titrestats {  color: #343434;  font-family: arial;  font-weight: 700;  text-shadow: 0 1px 1px #000;  text-transform: uppercase;  margin-bottom: -22px;  margin-left: 33px;  position: absolute;}.colonnelier {  background-color: #171717;  width: 140px;  height: 180px;  text-align: center;  font-family: arial;  font-size: 7pt;}.lienlogo {  position: absolute;  margin-top: 37px;}


Dernière édition par Zelfy le Mer 7 Mai - 16:49, édité 2 fois

Zelfy
Nouveau membre

Messages : 7
Inscrit(e) le : 07/05/2014

http://protegohorribilis.forumactif.org
Zelfy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL trop large.

Message par Maxmax le Mer 7 Mai - 14:37

Salut,

Je pense que ton codage du QEEL est mal structuré à la base, ce qui risque de poser problème.
Peux-tu poster ton template du QEEL stp ?

Maxmax
***

Masculin
Messages : 159
Inscrit(e) le : 29/09/2012

http://lanefdesfous.forumgratuit.org/
Maxmax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL trop large.

Message par Zelfy le Mer 7 Mai - 14:43

    Bien sûr, le voilà :

    Code:
    <!-- BEGIN disable_viewonline -->

    <div class="qeel">
    <div class="titrestats">Qui gambade sur PH ?</div>
    <div class="titreqep">Qui est passé ?</div>
    <div class="titregroupe">Groupes</div>
    <div class="titrelogo">Logos</div>

      <table class="qeel_table"><tr>
        <td><div class="colonneqeel"><span class="qeelstatgene">{TOTAL_POSTS}<br />
          {TOTAL_USERS}<br />
          {NEWEST_USER}<br /><br />
          {TOTAL_USERS_ONLINE}<br />
          {RECORD_USERS}<br />
          <br />
          {LOGGED_IN_USER_LIST}
          </span></div></td>
        <td><div class="colonneconnecter"><span class="qeelconecter"><table>{L_CONNECTED_MEMBERS}</table></span></div></td>
        <td><div class="colonnegroupe"><span class="groupeqeel"><table></table>
      <a href="http://protegohorribilis.forumactif.org/g3-air" style="color: #E6E6E6;">Air</a><br />
        <a href="http://protegohorribilis.forumactif.org/g5-eau" style="color: #00BFFF;">Eau</a><br />
        <a href="http://protegohorribilis.forumactif.org/g4-feu" style="color: #FF8000;">Feu</a><br />
        <a href="http://protegohorribilis.forumactif.org/g6-terre" style="color: #40FF00;">Terre</a><br />
      <td><div class="colonnelier"><span class="qeellogos"><table><a href="LIEN LOGO 88x31"><img src="http://d28.e-loader.net/7ox5MCdqum.png" /></a>
                <br /><br /><br />
                <a href="LIEN LOGO 88x31"><img src="http://d6.e-loader.net/TpJ3W1DJCl.png" /></a>
                <br /><br /><br />
               
                </center>
                <br /><span class="lienlogo"><a href="LIEN PAGE LOGO">Plus de logo ?</a></span></table></span></div></td>
        </tr></table>
    </div>

    <!-- END disable_viewonline -->

Zelfy
Nouveau membre

Messages : 7
Inscrit(e) le : 07/05/2014

http://protegohorribilis.forumactif.org
Zelfy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL trop large.

Message par Maxmax le Mer 7 Mai - 15:04

Dans un premier temps remplace le contenu de ton template QEEL par :
Code:
<!-- BEGIN disable_viewonline -->
 
<div class="qeel">
   <table class="qeel_table">
      <tr>
         <th class="titrestats">
            Qui gambade sur PH ?
         </th>
         <th class="titreqep">
            Qui est passé ?
         </th>
         <th class="titregroupe">
            Groupes
         </th>
         <th class="titrelogo">
            Logos
         </th>
      </tr>   
      <tr>
         <td>
            <div class="colonneqeel">
               <span class="qeelstatgene">{TOTAL_POSTS}<br />
                  {TOTAL_USERS}<br />
                  {NEWEST_USER}<br /><br />
                  {TOTAL_USERS_ONLINE}<br />
                  {RECORD_USERS}<br />
                  <br />
                  {LOGGED_IN_USER_LIST}
               </span>
            </div>
         </td>
         <td>
            <div class="colonneconnecter">
               <span class="qeelconecter">
                  {L_CONNECTED_MEMBERS}
               </span>
            </div>
         </td>
         <td>
            <div class="colonnegroupe">
               <span class="groupeqeel">
                  <a href="http://protegohorribilis.forumactif.org/g3-air" style="color: #E6E6E6;">Air</a><br />
                  <a href="http://protegohorribilis.forumactif.org/g5-eau" style="color: #00BFFF;">Eau</a><br />
                  <a href="http://protegohorribilis.forumactif.org/g4-feu" style="color: #FF8000;">Feu</a><br />
                  <a href="http://protegohorribilis.forumactif.org/g6-terre" style="color: #40FF00;">Terre</a><br />
               </span>
            </div>
         </td>
         <td>
            <div class="colonnelier">
               <span class="qeellogos">
                  <center>
                     <a href="LIEN LOGO 88x31"><img src="http://d28.e-loader.net/7ox5MCdqum.png" /></a>
                     <br /><br /><br />
                     <a href="LIEN LOGO 88x31"><img src="http://d6.e-loader.net/TpJ3W1DJCl.png" /></a>
                     <br /><br /><br />          
                  </center>
                  <span class="lienlogo">
                     <a href="LIEN PAGE LOGO">Plus de logo ?</a>
                  </span>
               </span>
            </div>
         </td>
      </tr>
   </table>
</div>
 
<!-- END disable_viewonline -->

Une fois fais nous adapterons le CSS.

Maxmax
***

Masculin
Messages : 159
Inscrit(e) le : 29/09/2012

http://lanefdesfous.forumgratuit.org/
Maxmax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL trop large.

Message par Zelfy le Mer 7 Mai - 15:25

    Merci de prendre du temps pour me répondre !
    C'est fait. (:

Zelfy
Nouveau membre

Messages : 7
Inscrit(e) le : 07/05/2014

http://protegohorribilis.forumactif.org
Zelfy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL trop large.

Message par Maxmax le Mer 7 Mai - 15:30

Tu as bien publié le template ? Je ne vois pas les changements :/

Maxmax
***

Masculin
Messages : 159
Inscrit(e) le : 29/09/2012

http://lanefdesfous.forumgratuit.org/
Maxmax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL trop large.

Message par Zelfy le Mer 7 Mai - 15:39

    Ha non j'avais oublié de publier  Siffleur, c'est fait !
 

Zelfy
Nouveau membre

Messages : 7
Inscrit(e) le : 07/05/2014

http://protegohorribilis.forumactif.org
Zelfy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL trop large.

Message par Maxmax le Mer 7 Mai - 16:10

Dans ton CSS, à la place de ce que tu as actuellement pour ton QEEL, remplace par :
Code:
.qeel {
  background-color: #131313;
}
.qeel_table {
  background-color: #131313;
}
.colonneqeel {
  background-color: #171717;
  color: #bebebe;
  font-family: arial;
  font-size: 8pt;
}
.colonneconnecter {
  background-color: #171717;
}
.groupeqeel {
  text-align: center;
  font-family: arial;
  font-size: 11pt;
  text-shadow: 0px 1px 1px #000;
}
.colonnegroupe {
  background-color: #171717;
}
.titrelogo {
  color: #343434;
  font-family: arial;
  font-weight: 700;
  text-shadow: 0 1px 1px #000;
  text-transform: uppercase;
}
.titregroupe {
  color: #343434;
  font-family: arial;
  font-weight: 700;
  text-shadow: 0 1px 1px #000;
  text-transform: uppercase;
}
.titreqep {
  color: #343434;
  font-family: arial;
  font-weight: 700;
  text-shadow: 0 1px 1px #000;
  text-transform: uppercase;
}
.titrestats {
  color: #343434;
  font-family: arial;
  font-weight: 700;
  text-shadow: 0 1px 1px #000;
  text-transform: uppercase;
}
.colonnelier {
  background-color: #171717;
  text-align: center;
  font-family: arial;
  font-size: 7pt;
}
.lienlogo {
  position: absolute;
  margin-top: 37px;
}

Maxmax
***

Masculin
Messages : 159
Inscrit(e) le : 29/09/2012

http://lanefdesfous.forumgratuit.org/
Maxmax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL trop large.

Message par Zelfy le Mer 7 Mai - 16:20

    Le problème de la largeur est résolu, par contre tout est en désordre  reflexion
 

Zelfy
Nouveau membre

Messages : 7
Inscrit(e) le : 07/05/2014

http://protegohorribilis.forumactif.org
Zelfy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL trop large.

Message par Maxmax le Mer 7 Mai - 16:28

Essaie de changer ton template QEEL par :
Code:
<!-- BEGIN disable_viewonline -->
 
<div class="qeel">
   <table class="qeel_table">
      <tr>
         <th class="titrestats">
            Qui gambade sur PH ?
         </th>
         <th class="titreqep">
            Qui est passé ?
         </th>
         <th class="titregroupe">
            Groupes
         </th>
         <th class="titrelogo">
            Logos
         </th>
      </tr>   
      <tr>
         <td>
            <div class="colonneqeel">
               <span class="qeelstatgene">{TOTAL_POSTS}<br />
                  {TOTAL_USERS}<br />
                  {NEWEST_USER}<br /><br />
                  {TOTAL_USERS_ONLINE}<br />
                  {RECORD_USERS}<br />
                  <br />
                  {LOGGED_IN_USER_LIST}
               </span>
            </div>
         </td>
         <td>
            <div class="colonneconnecter">
               <span class="qeelconecter">
                  <table>
                     {L_CONNECTED_MEMBERS}
                  </table>
               </span>
            </div>
         </td>
         <td>
            <div class="colonnegroupe">
               <span class="groupeqeel">
                  <a href="http://protegohorribilis.forumactif.org/g3-air" style="color: #E6E6E6;">Air</a><br />
                  <a href="http://protegohorribilis.forumactif.org/g5-eau" style="color: #00BFFF;">Eau</a><br />
                  <a href="http://protegohorribilis.forumactif.org/g4-feu" style="color: #FF8000;">Feu</a><br />
                  <a href="http://protegohorribilis.forumactif.org/g6-terre" style="color: #40FF00;">Terre</a><br />
               </span>
            </div>
         </td>
         <td>
            <div class="colonnelier">
               <span class="qeellogos">
                  <center>
                     <a href="LIEN LOGO 88x31"><img src="http://d28.e-loader.net/7ox5MCdqum.png" /></a>
                     <br /><br /><br />
                     <a href="LIEN LOGO 88x31"><img src="http://d6.e-loader.net/TpJ3W1DJCl.png" /></a>
                     <br /><br /><br />         
                  </center>
                  <span class="lienlogo">
                     <a href="LIEN PAGE LOGO">Plus de logo ?</a>
                  </span>
               </span>
            </div>
         </td>
      </tr>
   </table>
</div>
 
<!-- END disable_viewonline -->
(Oublie pas de publier Wink)

Maxmax
***

Masculin
Messages : 159
Inscrit(e) le : 29/09/2012

http://lanefdesfous.forumgratuit.org/
Maxmax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL trop large.

Message par Zelfy le Mer 7 Mai - 16:33

    C'est tout bon ! Juste une dernière petite question : pour modifier la largeur des cases du QEEL j'ai juste à bidouiller le CSS ?
    Merci beaucoup pour ton aide !


Zelfy
Nouveau membre

Messages : 7
Inscrit(e) le : 07/05/2014

http://protegohorribilis.forumactif.org
Zelfy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL trop large.

Message par Maxmax le Mer 7 Mai - 16:45

Tout à fait Smile
Pour la largeur tu modifies les class "titre" (titrestats, titreqep etc...).

Maxmax
***

Masculin
Messages : 159
Inscrit(e) le : 29/09/2012

http://lanefdesfous.forumgratuit.org/
Maxmax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL trop large.

Message par Zelfy le Mer 7 Mai - 16:50

    :thanks:

Zelfy
Nouveau membre

Messages : 7
Inscrit(e) le : 07/05/2014

http://protegohorribilis.forumactif.org
Zelfy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL trop large.

Message par Maxmax le Mer 7 Mai - 16:54

De rien Smile

(Attention à "Plus de logo" il n'est pas bien positionné Wink)

Maxmax
***

Masculin
Messages : 159
Inscrit(e) le : 29/09/2012

http://lanefdesfous.forumgratuit.org/
Maxmax a été remercié(e) par l'auteur de ce sujet.

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


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