QEEL en tableau - Problème d'alignement
3 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 en tableau - Problème d'alignement
Bonjour !
Je suis en train de construire un forum, et de modifier le QEEL. Je souhaite que les membres connectés dans les dernières 24h soient intégrés au QEEL, donc j'ai fait un tableau.
Vous pouvez voir ce que cela donne pour l'instant ici : http://masquerade.forumactif.fr/
Mon problème, c'est que je n'arrive pas à tout aligner vers le haut et non l'avoir centré, comme pour le moment. J'ai essayé de mettre le "valign:top;" à toutes les sauces et un peu partout, rien n'y fait. Vu que je ne suis pas une pro des codes, je viens demander votre aide
Voici mon template (du moins la partie concernée) :
Merci d'avance pour votre aide !
Je suis en train de construire un forum, et de modifier le QEEL. Je souhaite que les membres connectés dans les dernières 24h soient intégrés au QEEL, donc j'ai fait un tableau.
Vous pouvez voir ce que cela donne pour l'instant ici : http://masquerade.forumactif.fr/
Mon problème, c'est que je n'arrive pas à tout aligner vers le haut et non l'avoir centré, comme pour le moment. J'ai essayé de mettre le "valign:top;" à toutes les sauces et un peu partout, rien n'y fait. Vu que je ne suis pas une pro des codes, je viens demander votre aide
Voici mon template (du moins la partie concernée) :
- Code:
<table align="center" cellspacing="2" cellpadding="2" height= "300" width="900" border="0" class="statistiques">
<tr>
<td style="width: 350px;" class="position_qeel">
<p align="justify"><span class="gensmall">
<span id="matt">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"jeunes recrues au sein du clan");</script>.
<span id="kumao">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/Nos membres ont posté un total de/," Elles ont provoqué");</script><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/messages/," discussions");</script>. <br>
<span id="yosh">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"La dernière jeune recrue est");</script>. <br><br>
<span id="human">{RECORD_USERS}</span><script type="text/javascript">document.getElementById('human').innerHTML=document.getElementById('human').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Les présentations sont montées jusqu'à");</script> <br>
<span id="resistance">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/utilisateur en ligne/,"paire d'yeux");</script><script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/utilisateurs en ligne/,"paires d'yeux");</script><script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Enregistré/,"reconnue");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Enregistrés/,"reconnues");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invisible/,"cachée");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invisibles/,"cachées");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invité/,"inconnue");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invités/,"inconnues");</script>
<span id="now">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('now').innerHTML=document.getElementById('now').innerHTML.replace(/Utilisateurs enregistrés/,"Noms des jeunes recrues présentes");</script></span></p><br></justify></td>
<td style="width: 200px; align:center; valign:top;" class="position_qeel">
<center><span class="groupes"><a href="http://masquerade.forumactif.fr/g4-silver-bloods"><font color="#BDB6B6"><b>Silver Bloods</b></font></a></span><img src="http://i31.tinypic.com/mugck1.jpg"><br/><br/>
<span class="groupes"><a href="http://masquerade.forumactif.fr/g3-blue-bloods"><font color="#2C3F8A"><b>Blue Bloods</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br/><br/>
<span class="groupes"> <a href="http://masquerade.forumactif.fr/g5-red-bloods"><font color="#A30E03"><b>Red Bloods</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br/><br/>
<span class="groupes"><a href="http://masquerade.forumactif.fr/g7-vultures"><font color="#CC6A14"><b>Vultures</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br/><br/>
<span class="groupes"> <a href="http://masquerade.forumactif.fr/g6-conduits"><font color="#2E5C25"><b>Conduits</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
</center></td>
<td style="width: 350px; align:justify; valign:top;" class="position_qeel"><table><tr><td style="width: 350px; align:justify; valign:top;">
{L_CONNECTED_MEMBERS}<script type="text/javascript"> document.getElementById('hanover').innerHTML=document.getElementById('hanover').innerHTML.replace(/Membres/,"Recrues"); </script>
</td></tr></table>
</td></tr></table>
Merci d'avance pour votre aide !
Re: QEEL en tableau - Problème d'alignement
Bonjour
Pour les tests, peut on avoir la CSS qui va avec votre tableau ?
Cordialement,
Ge
Pour les tests, peut on avoir la CSS qui va avec votre tableau ?
Cordialement,
Ge
Re: QEEL en tableau - Problème d'alignement
Ah oui, pardon... !
Voilà voilà, un peu brouillon cela dit à la suite de mes essais infructueux ! lol
- Code:
.statistiques{
text-align:justify;
border:0px;
background-image: url("");
background-repeat: no-repeat;
background-position: center;
height:300px;
width:900px;}
.position_qeel{
text-align:justify;
valign:top;
}
.groupes{
text-align:center;
font-size:11px;
font-weight: bold;
text-decoration: none !important;}
Voilà voilà, un peu brouillon cela dit à la suite de mes essais infructueux ! lol
Re: QEEL en tableau - Problème d'alignement
j'ai modifié à la fin
- Code:
<table><tr><td style="width: 350px; align:justify; valign:top;">
- Code:
<table><tr><td style="width: 350px; align:justify; vertical-align:top; padding-top:70px;">
- Code:
<table align="center" cellspacing="2" cellpadding="2" height= "300" width="900" border="0" class="statistiques">
<tr>
<td style="width: 350px;" class="position_qeel">
<p align="justify"><span class="gensmall">
<span id="matt">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"jeunes recrues au sein du clan");</script>.
<span id="kumao">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/Nos membres ont posté un total de/," Elles ont provoqué");</script><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/messages/," discussions");</script>. <br>
<span id="yosh">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"La dernière jeune recrue est");</script>. <br><br>
<span id="human">{RECORD_USERS}</span><script type="text/javascript">document.getElementById('human').innerHTML=document.getElementById('human').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Les présentations sont montées jusqu'à");</script> <br>
<span id="resistance">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/utilisateur en ligne/,"paire d'yeux");</script><script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/utilisateurs en ligne/,"paires d'yeux");</script><script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Enregistré/,"reconnue");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Enregistrés/,"reconnues");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invisible/,"cachée");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invisibles/,"cachées");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invité/,"inconnue");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invités/,"inconnues");</script>
<span id="now">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('now').innerHTML=document.getElementById('now').innerHTML.replace(/Utilisateurs enregistrés/,"Noms des jeunes recrues présentes");</script></span></p><br></justify></td>
<td style="width: 200px; align:center; valign:top;" class="position_qeel">
<center><span class="groupes"><a href="http://masquerade.forumactif.fr/g4-silver-bloods"><font color="#BDB6B6"><b>Silver Bloods</b></font></a></span><img src="http://i31.tinypic.com/mugck1.jpg"><br/><br/>
<span class="groupes"><a href="http://masquerade.forumactif.fr/g3-blue-bloods"><font color="#2C3F8A"><b>Blue Bloods</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br/><br/>
<span class="groupes"> <a href="http://masquerade.forumactif.fr/g5-red-bloods"><font color="#A30E03"><b>Red Bloods</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br/><br/>
<span class="groupes"><a href="http://masquerade.forumactif.fr/g7-vultures"><font color="#CC6A14"><b>Vultures</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br/><br/>
<span class="groupes"> <a href="http://masquerade.forumactif.fr/g6-conduits"><font color="#2E5C25"><b>Conduits</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
</center></td>
<td class="position_qeel" style="width: 350px; align:justify; valign:top;"><table><tr><td style="width: 350px; align:justify; vertical-align:top; padding-top:70px;">
{L_CONNECTED_MEMBERS}<script type="text/javascript"> document.getElementById('hanover').innerHTML=document.getElementById('hanover').innerHTML.replace(/Membres/,"Recrues"); </script>
</td></tr></table>
</td></tr></table>
Re: QEEL en tableau - Problème d'alignement
Je viens de tester, seulement j'aurais aimé que les connectés des 24h soient en haut, pas en bas... et j'ai essayé en mettant un padding-bottom de 70px, mais ça me fait la même chose qu'un padding-top lol
Re: QEEL en tableau - Problème d'alignement
Est-ce utile de faire une nouvelle table ?
Je vais faire des essais
- Code:
<td class="position_qeel" style="width: 350px; align:justify; valign:top;"><table><tr><td style="width: 350px; align:justify; vertical-align:top; padding-top:70px;">
{L_CONNECTED_MEMBERS}<script type="text/javascript"> document.getElementById('hanover').innerHTML=document.getElementById('hanover').innerHTML.replace(/Membres/,"Recrues"); </script>
</td></tr></table>
</td></tr></table>
- Code:
<table align="center" cellspacing="2" cellpadding="2" height= "300" width="900" border="0" class="statistiques">
<tr>
<td style="width: 350px;" class="position_qeel">
<p align="justify"><span class="gensmall">
<span id="matt">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"jeunes recrues au sein du clan");</script>.
<span id="kumao">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/Nos membres ont posté un total de/," Elles ont provoqué");</script><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/messages/," discussions");</script>. <br>
<span id="yosh">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"La dernière jeune recrue est");</script>. <br><br>
<span id="human">{RECORD_USERS}</span><script type="text/javascript">document.getElementById('human').innerHTML=document.getElementById('human').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Les présentations sont montées jusqu'à");</script> <br>
<span id="resistance">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/utilisateur en ligne/,"paire d'yeux");</script><script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/utilisateurs en ligne/,"paires d'yeux");</script><script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Enregistré/,"reconnue");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Enregistrés/,"reconnues");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invisible/,"cachée");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invisibles/,"cachées");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invité/,"inconnue");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invités/,"inconnues");</script>
<span id="now">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('now').innerHTML=document.getElementById('now').innerHTML.replace(/Utilisateurs enregistrés/,"Noms des jeunes recrues présentes");</script></span></p><br></justify></td>
<td style="width: 200px; align:center; valign:top;" class="position_qeel">
<center><span class="groupes"><a href="http://masquerade.forumactif.fr/g4-silver-bloods"><font color="#BDB6B6"><b>Silver Bloods</b></font></a></span><img src="http://i31.tinypic.com/mugck1.jpg"><br/><br/>
<span class="groupes"><a href="http://masquerade.forumactif.fr/g3-blue-bloods"><font color="#2C3F8A"><b>Blue Bloods</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br/><br/>
<span class="groupes"> <a href="http://masquerade.forumactif.fr/g5-red-bloods"><font color="#A30E03"><b>Red Bloods</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br/><br/>
<span class="groupes"><a href="http://masquerade.forumactif.fr/g7-vultures"><font color="#CC6A14"><b>Vultures</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br/><br/>
<span class="groupes"> <a href="http://masquerade.forumactif.fr/g6-conduits"><font color="#2E5C25"><b>Conduits</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
</center></td>
<td class="position_qeel" style="width: 350px; align:justify; vertical-align:top; padding-top:75px;">{L_CONNECTED_MEMBERS}<script type="text/javascript">document.getElementById('hanover').innerHTML=document.getElementById('hanover').innerHTML.replace(/Membres/,"Recrues"); </script>
</td></tr></table>
Je vais faire des essais
Re: QEEL en tableau - Problème d'alignement
C'est nécessaire pour que les membres connectés des 24h soient dans le tableau... je ne sais pas pourquoi, mais en enlevant la table interne, les membres se retrouvent en bas, hors du tableau.
Re: QEEL en tableau - Problème d'alignement
Exact mais dans ce cas, une ligne est ajoutée ce qui explique que le positionnement ne fonctionne pas.
Essayer cette version
Je n'ai pas le temps de tester.
Essayer cette version
- Code:
<table align="center" cellspacing="2" cellpadding="2" height= "300" width="900" border="0" class="statistiques">
<tr>
<td style="width: 350px;" class="position_qeel">
<p align="justify"><span class="gensmall">
<span id="matt">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"jeunes recrues au sein du clan");</script>.
<span id="kumao">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/Nos membres ont posté un total de/," Elles ont provoqué");</script><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/messages/," discussions");</script>. <br>
<span id="yosh">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"La dernière jeune recrue est");</script>. <br><br>
<span id="human">{RECORD_USERS}</span><script type="text/javascript">document.getElementById('human').innerHTML=document.getElementById('human').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Les présentations sont montées jusqu'à");</script> <br>
<span id="resistance">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/utilisateur en ligne/,"paire d'yeux");</script><script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/utilisateurs en ligne/,"paires d'yeux");</script><script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Enregistré/,"reconnue");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Enregistrés/,"reconnues");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invisible/,"cachée");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invisibles/,"cachées");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invité/,"inconnue");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invités/,"inconnues");</script>
<span id="now">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('now').innerHTML=document.getElementById('now').innerHTML.replace(/Utilisateurs enregistrés/,"Noms des jeunes recrues présentes");</script></span></p><br></justify></td>
<td style="width: 200px; align:center; valign:top;" class="position_qeel">
<center><span class="groupes"><a href="http://masquerade.forumactif.fr/g4-silver-bloods"><font color="#BDB6B6"><b>Silver Bloods</b></font></a></span><img src="http://i31.tinypic.com/mugck1.jpg"><br/><br/>
<span class="groupes"><a href="http://masquerade.forumactif.fr/g3-blue-bloods"><font color="#2C3F8A"><b>Blue Bloods</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br/><br/>
<span class="groupes"> <a href="http://masquerade.forumactif.fr/g5-red-bloods"><font color="#A30E03"><b>Red Bloods</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br/><br/>
<span class="groupes"><a href="http://masquerade.forumactif.fr/g7-vultures"><font color="#CC6A14"><b>Vultures</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br/><br/>
<span class="groupes"> <a href="http://masquerade.forumactif.fr/g6-conduits"><font color="#2E5C25"><b>Conduits</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
</center></td>
<td class="position_qeel" style="width: 350px; align:justify; vertical-align:top; padding-top:75px;"><table><tr><td style="width: 350px; align:justify; valign:top;">
{L_CONNECTED_MEMBERS}<script type="text/javascript"> document.getElementById('hanover').innerHTML=document.getElementById('hanover').innerHTML.replace(/Membres/,"Recrues"); </script>
</td></tr></table>
</td></tr></table>
Je n'ai pas le temps de tester.
Re: QEEL en tableau - Problème d'alignement
Génial, cette fois ça fonctionne ! Merci beaucoup
Je me permets encore une question, avant de clôturer mon sujet : comment puis-je enlever le fond de couleur derrière les membres connectés des dernières 24h ?
Je me permets encore une question, avant de clôturer mon sujet : comment puis-je enlever le fond de couleur derrière les membres connectés des dernières 24h ?
Re: QEEL en tableau - Problème d'alignement
Cool
L'astuce a été donnée plusieurs fois par Anzu (il me semble ?) avec une DIV ouverte et non fermée.
L'astuce a été donnée plusieurs fois par Anzu (il me semble ?) avec une DIV ouverte et non fermée.
Re: QEEL en tableau - Problème d'alignement
Bonsoir,
Oui il faut mettre comme ceci:
- Code:
<table style="-moz-border-radius:10px;>{L_CONNECTED_MEMBERS}</table>
Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif |
Sujets similaires
» Problème avec tableau de mon qeel
» QEEL Tableau Personnalisé (Schéma Réalisé)
» Tableau dans le QEEL
» Enlevé un tableau d'un qeel modifié
» Tableau à onglet dans le QEEL
» QEEL Tableau Personnalisé (Schéma Réalisé)
» Tableau dans le QEEL
» Enlevé un tableau d'un qeel modifié
» Tableau à onglet dans le QEEL
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