QEEL trop large.
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
QEEL trop large.
[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 !
Voici le lien de mon forum : http://protegohorribilis.forumactif.org/.
Et le code CSS de mon QEEL, si besoin :
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 !
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
Re: QEEL trop large.
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 ?
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 ?
Re: QEEL trop large.
- 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 -->
Re: QEEL trop large.
Dans un premier temps remplace le contenu de ton template QEEL par :
Une fois fais nous adapterons le CSS.
- 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.
Re: QEEL trop large.
- Merci de prendre du temps pour me répondre !
C'est fait. (:
Re: QEEL trop large.
Tu as bien publié le template ? Je ne vois pas les changements :/
Re: QEEL trop large.
- Ha non j'avais oublié de publier , c'est fait !
Re: QEEL trop large.
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;
}
Re: QEEL trop large.
- Le problème de la largeur est résolu, par contre tout est en désordre
Re: QEEL trop large.
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 -->
Re: QEEL trop large.
- 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 !
Re: QEEL trop large.
Tout à fait
Pour la largeur tu modifies les class "titre" (titrestats, titreqep etc...).
Pour la largeur tu modifies les class "titre" (titrestats, titreqep etc...).
Re: QEEL trop large.
- :thanks:
Re: QEEL trop large.
De rien
(Attention à "Plus de logo" il n'est pas bien positionné )
(Attention à "Plus de logo" il n'est pas bien positionné )
Sujets similaires
» Forum trop large.
» Catégorie trop large
» Fond trop large
» Forum trop "large"
» Mon forum est trop large
» Catégorie trop large
» Fond trop large
» Forum trop "large"
» Mon forum est trop large
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum