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 2014 - 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 2014 - 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 2014 - 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 2014 - 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 2014 - 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 2014 - 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 2014 - 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 2014 - 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 2014 - 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 2014 - 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 2014 - 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 2014 - 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 2014 - 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 2014 - 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 2014 - 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