QEEL trop large.

2 participants

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

Résolu QEEL trop large.

Message par Zelfy 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
avatar

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 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 ?
avatar

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

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 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.
avatar

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 Mer 7 Mai 2014 - 15:25

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

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 Mer 7 Mai 2014 - 15:30

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

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 Mer 7 Mai 2014 - 15:39

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

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 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;
}
avatar

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 Mer 7 Mai 2014 - 16:20

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

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 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)
avatar

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

avatar

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 Mer 7 Mai 2014 - 16:45

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

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 Mer 7 Mai 2014 - 16:50

    :thanks:
avatar

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 Mer 7 Mai 2014 - 16:54

De rien Smile

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

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

- Sujets similaires

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