centrer le qeel
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
centrer le qeel
Bonsoir
Je viens demander un peu d'aider avant de m'arracher les cheveux. J'ai l'impression d'avoir essayé toutes les solutions proposées sur le forum et je m'excuse d'avance si l'une d'elle m'a échappé..
J'essaye pour la première fois de faire un qeel, normalement tout simple, en suivant les tutoriels que je trouve un peu partout. Seulement je n'arrive pas à aligner mon tableau. Voici ce que ça donne en code :
template
le css
Le forum en question est celui se trouvant dans mon profil. Si vous avez une idée de ce qui cloche..
Par avance, merci de votre aide
![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
Je viens demander un peu d'aider avant de m'arracher les cheveux. J'ai l'impression d'avoir essayé toutes les solutions proposées sur le forum et je m'excuse d'avance si l'une d'elle m'a échappé..
J'essaye pour la première fois de faire un qeel, normalement tout simple, en suivant les tutoriels que je trouve un peu partout. Seulement je n'arrive pas à aligner mon tableau. Voici ce que ça donne en code :
template
- Code:
<!-- BEGIN disable_viewonline -->
<center><div class="qeel">
<div class="groupes">
<a class="liensgroupes" href="url"><font color="#">groupe</font></a>
<a class="liensgroupes" href="url"><font color="#">groupe</font></a>
<a class="liensgroupes" href="url"><font color="#">groupe</font></a>
<a class="liensgroupes" href="url"><font color="#">groupe</font></a>
</div>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="row1" width="50%"><div class="tabl1"><span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</span><br>
<span class="gensmall">{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br />
<br />
{LOGGED_IN_USER_LIST}</span></div></td>
<td width="50%">
<div class="tabl2"><table> {L_CONNECTED_MEMBERS}</table></div></td>
</tr>
</table></div></center>
<!-- END disable_viewonline -->
le css
- Code:
/* QUEEL */
.QEEL {
text-align: center;
padding: 5px;
}
#qeel {
margin: auto; /* pour centrer */
width: 765px; /* la largeur de ton QEEL */
}
.groupes {
margin: auto;
text-align: center;
padding: 2px;
font-family: verdana;
text-transform: lowercase;
font-size: 12px;
font-style: italic;
letter-spacing: 2px;
line-height: 4px;
}
.tabl1 {
width: 250px;
height: 230px;
overflow: auto;
font-size: 10px;
line-height: 8pt;
padding: 7px;
text-align: justify;
border: 1px solid #c5b6cc;
margin: 5px;
}
.tabl2 {
width: 250px;
height: 230px;
overflow: auto;
font-size: 10px;
line-height: 8pt;
padding: 7px;
text-align: justify;
border: 1px solid #c5b6cc;
margin: 5px;
}
Le forum en question est celui se trouvant dans mon profil. Si vous avez une idée de ce qui cloche..
Par avance, merci de votre aide
![I love you](https://2img.net/i/fa/i/smiles/herz.png)
Dernière édition par Juillet le Sam 28 Jan 2017 - 23:40, édité 1 fois
Re: centrer le qeel
Bonjour,
Votre tableau prend toute la largeur, dont chaque cellule prend la moitié. Sauf que les cadres dans les cellules sont moins larges que celles-ci, et se trouvent à droite dans la cellule :
![QEEL - centrer le qeel 0749](https://www.zupimages.net/up/17/04/0749.bmp)
Pour que le tableau s'adapte à son contenu, retirez l'attribu width="100%" dans la balise du tableau :
Votre tableau prend toute la largeur, dont chaque cellule prend la moitié. Sauf que les cadres dans les cellules sont moins larges que celles-ci, et se trouvent à droite dans la cellule :
![QEEL - centrer le qeel 0749](https://www.zupimages.net/up/17/04/0749.bmp)
Pour que le tableau s'adapte à son contenu, retirez l'attribu width="100%" dans la balise du tableau :
- Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
- Code:
<table class="forumline" border="0" cellspacing="1" cellpadding="0">
MlleAlys- Membre actif
- Messages : 5851
Inscrit(e) le : 12/09/2012
Re: centrer le qeel
ah je comprend mieux maintenant ! effectivement ça marche, merci beaucoup
![I love you](https://2img.net/i/fa/i/smiles/herz.png)
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