Sujets similaires

Bon alors si j'ai bien compris.
Dans ton code tu as cette ligne :

Code:: <center>
<a href="LIEN DU GROUPE 1">NOM

Il y a beaucoup de

Code::

comme tu vois. Rajoutes en à la suite et il me semble que ça fait descendre ton texte sous l'image

Kimy

Petit Démon Rêveur

Bonjour, comment fait on pour mettre l'image sous les groupes???

Bonjour,
j'essaye de mettre en place mon QEEL et je rencontre un petit problème.
J'ai le bon code cependant, les groupes sont collés et impossible de les écarter.
Est-ce que je me suis trompé lors de la mise en place ? ><
Ou bian faut-il juste rajouter un code ?

Voilà ce que ça me donne.

Spoiler:

Et voici le résultat que j'aimerai récupérer.

Spoiler:

Et voilà mon code

Code:: 
<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
<tr>
<td width="15%"></td>
<td width="100%">
 <center>
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=4&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">GRYFFINDOR</a> 
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=5&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">HUFFLEPUFF</a> 
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=3&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">RAVENCLAW</a> 
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=6&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">SLYTHERIN</a> 
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=7&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">TEACHERS & CO</a> 
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=8&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">ORIGNS</a> 
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=9&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">OTHER</a> 
{TOTAL_POSTS}. {TOTAL_USERS}

{NEWEST_USER} 
{TOTAL_USERS_ONLINE} 
{LOGGED_IN_USER_LIST}</center> 
<td width="5%"></td>
</tr>
</table>

<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<img src="LIEN IMAGE DU BAS">

Bonjour =)
Personnellement je rajoute une petite image transparente entre les noms de groupes pour les séparer.
Comme ceci :

Code:: 
<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
<tr>
<td width="15%"></td>
<td width="100%">
 <center>
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=4&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">GRYFFINDOR</a><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> 
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=5&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">HUFFLEPUFF</a> <img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=3&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">RAVENCLAW</a> <img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=6&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">SLYTHERIN</a> <img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=7&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">TEACHERS & CO</a> </span<img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">>
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=8&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">ORIGNS</a> <img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=9&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">OTHER</a> 
{TOTAL_POSTS}. {TOTAL_USERS} 
{NEWEST_USER} 
{TOTAL_USERS_ONLINE} 
{LOGGED_IN_USER_LIST}</center> 
<td width="5%"></td>
</tr>
</table>

<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<img src="LIEN IMAGE DU BAS">

Merci beaucoup, je n'y avais pas pensé xD.

(Désolé pour le double poste)
J'essaye maintenant de tout centrer mais impossible.
Mon QEEL se centre en deux parties et ce n'est pas très joli..

Voilà mon code

Code:: 
<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: center">
<tr>
<td width="15%"></td>
<td width="40%">
 <center>
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=4&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">GRYFFINDOR</a><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> 
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=5&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">HUFFLEPUFF</a><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=3&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">RAVENCLAW</a><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=6&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">SLYTHERIN</a><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=7&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">TEACHERS & CO</a><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=8&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">ORIGNS</a><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=9&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">OTHER</a> 
{TOTAL_POSTS}. {TOTAL_USERS} 
{NEWEST_USER} 
{TOTAL_USERS_ONLINE} 
{LOGGED_IN_USER_LIST} 
<td width="5%"></td>
</tr>
</table>

<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: center">
{L_CONNECTED_MEMBERS}</table>
<img src="LIEN IMAGE DU BAS"> </center>

Et voilà le rendu

Spoiler:

Je peux voir le CSS associé s'il te plaît ?

Le voilà au complet

Code:: a.mainmenu
{background-color:#9B957C;
text-decoration: bold;
color:#ffffff;
align: center;
border-left: 10px solid #9B957C;
border-right: 10px solid #9B957C;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;}

a.mainmenu:hover
{background-color:#9B957C;
border-left: 10px solid #9B957C;
border-right: 10px solid #9B957C;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
text-decoration: bold;
align: center;
color :#B3AC91;}

.statistiques{
border:0px;
background-image: url("");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.forumline{
-moz-border-radius:6px;
}
.forumline{border: 3px double #9B957C; }

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
a:hover{ text-decoration: none !important;}
a:forumlink{
text-align:center;
}
a{text-decoration: none !important;}

a.forum{
text-align: center;
}

tr.post span.gensmall { display: none; }

/* arrondir zones de texte */
textarea, .textarea.post, input.post {
-moz-border-radius-left:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-right:10px;
border:1px normal #9B957C;}

body {
text-align:justify;
}

.postdetails.poster-profile a img {
color:#6495ed;
background-color: #9B957C;
-moz-border-radius-left:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-right:10px;
border: 10px solid #9B957C;
}

.vignettes
{background-color:#9B957C;
text-decoration: none;
color:#ffffff;
align: left;
border-left: 10px solid #9B957C;
border-right: 10px solid #9B957C;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;}

.vignettes:hover
{background-color: #9B957C;
border-left: 10px solid #9B957C;
border-right: 10px solid #9B957C;
text-decoration:none;
color :#ffffff;}

a.imginfo1 {
position: relative;
color: steelblue;
text-decoration: none;
border-bottom: 0px #9B957C solid; /* on souligne le texte */
}

a.imginfo1 span {
display: none; /* on masque l'infobulle */
}
a.imginfo1:hover {
background: #B3AC91; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo1:hover span {
display: block; /* on affiche l'infobulle */
position: absolute;
list-style-type:none;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 12px; /* on positionne notre infobulle */
left: 15px;
background: #B3AC91;
color: steelblue;
padding: 3px;
border: 0px solid #9B957C;
border-left: 5px solid #9B957C;
border-right: 5px solid #9B957C;
border-top: 5px solid #9B957C;
border-bottom: 5px solid #9B957C;
-moz-border-radius-left:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-right:10px;
}

a.imginfo2 {
position: relative;
color: steelblue;
text-decoration: none;
border-bottom: 0px #9B957C solid; /* on souligne le texte */
}

a.imginfo2 span {
display: none; /* on masque l'infobulle */
}
a.imginfo2:hover {
background: #B3AC91; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo2:hover span {
display: block; /* on affiche l'infobulle */
position: absolute;
list-style-type:none;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 12px; /* on positionne notre infobulle */
left: 1px;
background: #B3AC91;
color: steelblue;
padding: 3px;
border: 0px solid #9B957C;
border-left: 5px solid #9B957C;
border-right: 5px solid #9B957C;
border-top: 5px solid #9B957C;
border-bottom: 5px solid #9B957C;
-moz-border-radius-left:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-right:10px;
}

a.imginfo3 {
position: relative;
color: indianred;
text-decoration: none;
border-bottom: 0px #9B957C solid; /* on souligne le texte */
}

a.imginfo3 span {
display: none; /* on masque l'infobulle */
}
a.imginfo3:hover {
background: #B3AC91; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo3:hover span {
display: block; /* on affiche l'infobulle */
position: absolute;
list-style-type:none;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 12px; /* on positionne notre infobulle */
background: #B3AC91;
color: indianred;
padding: 3px;
border: 0px solid #9B957C;
border-left: 5px solid #9B957C;
border-right: 5px solid #9B957C;
border-top: 5px solid #9B957C;
border-bottom: 5px solid #9B957C;
-moz-border-radius-left:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-right:10px;
}

a.imginfo4 {
position: relative;
color: indianred;
text-decoration: none;
border-bottom: 0px #9B957C solid; /* on souligne le texte */
}

a.imginfo4 span {
display: none; /* on masque l'infobulle */
}
a.imginfo4:hover {
background: #B3AC91; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo4:hover span {
display: block; /* on affiche l'infobulle */
position: absolute;
list-style-type:none;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 12px; /* on positionne notre infobulle */
right: 10px;
background: #B3AC91;
color: indianred;
padding: 3px;
border: 0px solid #9B957C;
border-left: 5px solid #9B957C;
border-right: 5px solid #9B957C;
border-top: 5px solid #9B957C;
border-bottom: 5px solid #9B957C;
-moz-border-radius-left:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-right:10px;
}

a.menuinfo {
position: relative;
color: #ffffff;
font-size: 15px;
background-color: #9B957C;
text-decoration: none;
border-bottom: 0px #9B957C solid; /* on souligne le texte */
border: 0px solid #9B957C;
border-left: 5px solid #9B957C;
border-right: 5px solid #9B957C;
border-top: 5px solid #9B957C;
border-bottom: 5px solid #9B957C;
-moz-border-radius-left:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-right:10px;
}

a.menuinfo span {
display: none; /* on masque l'infobulle */

}
a.menuinfo:hover {
background: steelblue; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
border: 0px solid steelblue;
border-left: 5px solid steelblue;
border-right: 5px solid steelblue;
border-top: 5px solid steelblue;
border-bottom: 5px solid steelblue;
-moz-border-radius-left:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-right:10px;
}
a.menuinfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
list-style-type:none;
float:none
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 22px; /* on positionne notre infobulle */
left: 0px;
background: lightsteelblue;
color: #ffffff;
font-size: 11px;
padding: 10px;
border: 0px solid steelblue;
border-left: 5px solid steelblue;
border-right: 5px solid steelblue;
border-top: 5px solid steelblue;
border-bottom: 5px solid steelblue;
-moz-border-radius-left:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-right:10px;
}

.postbody {
display: block;
padding-left: 30px;
padding-right: 30px;
text-align:justify;
}

.navig
{background-color:#9B957C;
text-decoration: none;
color:#B3AC91;
font-size: 13px;
border-left: 10px solid #9B957C;
border-right: 10px solid #9B957C;}

.navig:hover
{background-color: #9B957C;
border-left: 10px solid #9B957C;
border-right: 10px solid #9B957C;
text-decoration:none;
color :#9B957C;}

.navig1
{background-color:#9B957C;
text-decoration: none;
color:#B3AC91;
font-size: 13px;
border-left: 10px solid #9B957C;
border-right: 10px solid #9B957C;
-moz-border-radius-topleft:10px;
-moz-border-radius-bottomleft:10px;}

.navig1:hover
{background-color: #9B957C;
border-left: 10px solid #9B957C;
border-right: 10px solid #9B957C;
-moz-border-radius-topleft:10px;
-moz-border-radius-bottomleft:10px;
text-decoration:none;
color :#9B957C;}

.navig2
{background-color:#9B957C;
text-decoration: none;
color:#B3AC91;
font-size: 13px;
border-left: 10px solid #9B957C;
border-right: 10px solid #9B957C;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;}

.navig2:hover
{background-color: #9B957C;
border-left: 10px solid #9B957C;
border-right: 10px solid #9B957C;
text-decoration:none;
color :#9B957C;}

Comme ça est-ce que c'est bon ?

Code:: 
<table border="0" cellspacing="3" cellpadding="0" width="700" style="text-align: center;">
<tr>
<td width="15%"></td>
<td width="40%">
 
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=4&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">GRYFFINDOR</a><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> 
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=5&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">HUFFLEPUFF</a><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=3&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">RAVENCLAW</a><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=6&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">SLYTHERIN</a><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=7&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">TEACHERS & CO</a><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=8&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">ORIGNS</a><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=9&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">OTHER</a> </td><td width="5%"></td></tr>
<tr><td width="15%"></td><td width="40%">{TOTAL_POSTS}. {TOTAL_USERS} 
{NEWEST_USER} 
{TOTAL_USERS_ONLINE} 
{LOGGED_IN_USER_LIST} </td>
<td width="5%"></td>
</tr>
<tr>
<td width="15%"></td>
<td width="40%"><div style="color: none;>{L_CONNECTED_MEMBERS}</div></td>
<td width="5%"></td>
</tr>
</table>

Oui, ça marche, merci Smile

.
J'obtiens ceci

Spoiler:

Par contre, j'aimerai que ça ressemble à cela au niveau de la mise en page ><. Centré, mais justifié. J'ai essayé de mettre des balise "Justify", mais ça n'a rien changé :/

Spoiler:

Là ?

Code:: 
<table border="0" cellspacing="3" cellpadding="0" width="700">
<tr>
<td width="15%"></td>
<td width="40%" align="center">
 
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=4&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">GRYFFINDOR</a><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> 
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=5&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">HUFFLEPUFF</a><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=3&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">RAVENCLAW</a><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=6&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">SLYTHERIN</a><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=7&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">TEACHERS & CO</a><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=8&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">ORIGNS</a><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=9&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">OTHER</a> </td><td width="5%"></td></tr>
<tr><td width="15%"></td><td width="40%" align="center">{TOTAL_POSTS}. {TOTAL_USERS} 
{NEWEST_USER} 
{TOTAL_USERS_ONLINE} 
{LOGGED_IN_USER_LIST} </td>
<td width="5%"></td>
</tr>
<tr>
<td width="15%"></td>
<td width="40%" style="text-align: justify;"><div style="color: none;>{L_CONNECTED_MEMBERS}</div></td>
<td width="5%"></td>
</tr>
</table>

Oups uu". J'ai fait une mauvaise manipulation. Désolé.
Je disais donc;
C'est parfait. Merci beaucoup du gros coup de main Smile

.

Chut personne n'a rien vu ^^

Avec plaisir, ravie d'avoir pu t'aider =)

C'est encore moi ^^".
Alors voilà, le QEEL est vachement éloigné du forum (du moins je trouve). Est-il possible de le rapprocher ?
Qui est en ligne ? phhpbb2 (messages) - Page 15 Captur20

Qui est en ligne ? phhpbb2 (messages) - Page 15 Captur20

Essaye d'enlever des

Code::

dans cette ligne pour arriver au résultat que tu veux

Code:: <td width="40%" align="center">
 
<a href="http://hogwarts-marauders.bbactif.com/groupcp.forum?g=4&sid=a4d396097a6a4b1c4ffd4c3b0aac5345">

Oh d'accord. Merci beaucoup. Ca marche très bien Smile

Bonjjouuuur,
Je rencontre plus ou moins le même problème que mes voisines du dessus - à quelques détails près.
J'ai suivis soigneusement chaque étapes .. Mais il reste un petit souci, j'aimerais mettre le texte & les groupe plus à gauche & le " Qui est en ligne" est couper ( si si, tout au bord ).
J'aimerais savoir où sont mes erreurs & comment les modifier .. Mercii d'avance.

Code CSS

Spoiler:

Mon Template

Spoiler:

Code:: 
<table cellspacing="2" cellpadding="2" width="720" border="0" class="statistiques"align="center">
<tr>
<td width="15%"></td>
<td width="50%">
 <center>
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=1&sid=dba81a0cc485acad723d8ce3c6098e4c">SABBAT </a>
<img src="http://i31.tinypic.com/mugck1.jpg">
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=2&sid=dba81a0cc485acad723d8ce3c6098e4c">MALKAVIAN </a>
<img src="http://i31.tinypic.com/mugck1.jpg">
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=3&sid=dba81a0cc485acad723d8ce3c6098e4c">TOREADOR </a>
<img src="http://i31.tinypic.com/mugck1.jpg">
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=4&sid=dba81a0cc485acad723d8ce3c6098e4c">VENTRUE </a>
<img src="http://i31.tinypic.com/mugck1.jpg">
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=5&sid=dba81a0cc485acad723d8ce3c6098e4c">TREMERE </a>
<img src="http://i31.tinypic.com/mugck1.jpg">
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=6&sid=dba81a0cc485acad723d8ce3c6098e4c"> BRUJAH</a>
<img src="http://i31.tinypic.com/mugck1.jpg">
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=7&sid=dba81a0cc485acad723d8ce3c6098e4c"> GANGREL </a>
<img src="http://i31.tinypic.com/mugck1.jpg">
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=8&sid=dba81a0cc485acad723d8ce3c6098e4c"> NOSFERATU </a>
<img src="http://i31.tinypic.com/mugck1.jpg">
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=9&sid=dba81a0cc485acad723d8ce3c6098e4c"> ECCE HOMO </a>
<img src="http://i31.tinypic.com/mugck1.jpg">
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=10&sid=dba81a0cc485acad723d8ce3c6098e4c"> CAPTIFS - Alicujus Sub potestate </a>
<img src="http://i31.tinypic.com/mugck1.jpg">
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=11&sid=dba81a0cc485acad723d8ce3c6098e4c"> MEMBRE DU CERCLE INFERIEUR </a>
<img src="http://i31.tinypic.com/mugck1.jpg">

 
<div style="text-align: justify">{TOTAL_POSTS}. {TOTAL_USERS}

{NEWEST_USER} 
{TOTAL_USERS_ONLINE} 
{LOGGED_IN_USER_LIST}</center></div> 
<td width="5%"></td>
</tr>
</table>

<table border="0" cellspacing="3" cellpadding="0" width="720" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<img src="LIEN IMAGE DU BAS">

Et aperçu du résultat ..

Spoiler:

Bonjour =)
Alors pour l'image coupée c'est parce qu'elle fait 800px de largeur or tu as mis ton tableau en 720 px de largeur :

Code:: <table cellspacing="2" cellpadding="2" width="720" border="0" class="statistiques"align="center">

Du coup ça coupe ton image. Remplace le 720 par 800.

En suite pour décaler tes groupes c'est pas sorcier, il faut que tu joues avec la largeur de tes colonnes. Modifie les width qui se trouvent dans tes

Code:: <td>

Par exemple je suis arrivée à ceci :

Code:: 
<table cellspacing="2" cellpadding="2" width="800" border="0" class="statistiques"align="center">
<tr>
<td width="5%"></td>
<td width="40%">
 <center>
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=1&sid=dba81a0cc485acad723d8ce3c6098e4c">SABBAT </a>
<img src="http://i31.tinypic.com/mugck1.jpg">
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=2&sid=dba81a0cc485acad723d8ce3c6098e4c">MALKAVIAN </a>
<img src="http://i31.tinypic.com/mugck1.jpg">
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=3&sid=dba81a0cc485acad723d8ce3c6098e4c">TOREADOR </a>
<img src="http://i31.tinypic.com/mugck1.jpg">
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=4&sid=dba81a0cc485acad723d8ce3c6098e4c">VENTRUE </a>
<img src="http://i31.tinypic.com/mugck1.jpg">
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=5&sid=dba81a0cc485acad723d8ce3c6098e4c">TREMERE </a>
<img src="http://i31.tinypic.com/mugck1.jpg">
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=6&sid=dba81a0cc485acad723d8ce3c6098e4c"> BRUJAH</a>
<img src="http://i31.tinypic.com/mugck1.jpg">
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=7&sid=dba81a0cc485acad723d8ce3c6098e4c"> GANGREL </a>
<img src="http://i31.tinypic.com/mugck1.jpg">
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=8&sid=dba81a0cc485acad723d8ce3c6098e4c"> NOSFERATU </a>
<img src="http://i31.tinypic.com/mugck1.jpg">
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=9&sid=dba81a0cc485acad723d8ce3c6098e4c"> ECCE HOMO </a>
<img src="http://i31.tinypic.com/mugck1.jpg">
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=10&sid=dba81a0cc485acad723d8ce3c6098e4c"> CAPTIFS - Alicujus Sub potestate </a>
<img src="http://i31.tinypic.com/mugck1.jpg">
<a href="http://blood-s-reign.forumactif.com/groupcp.forum?g=11&sid=dba81a0cc485acad723d8ce3c6098e4c"> MEMBRE DU CERCLE INFERIEUR </a>
<img src="http://i31.tinypic.com/mugck1.jpg">

 
<div style="text-align: justify">{TOTAL_POSTS}. {TOTAL_USERS}

{NEWEST_USER} 
{TOTAL_USERS_ONLINE} 
{LOGGED_IN_USER_LIST}</center></div> 
<td width="25%"></td>
</tr>
</table>

<table border="0" cellspacing="3" cellpadding="0" width="720" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<img src="LIEN IMAGE DU BAS">

Haaaaaaaaa ... génial ça marche..
Mercii ..!!!

Mais à quoi correspondent les Td ?
Y'en a en haut et en dessous dans le template .. Ils servent juste à placer/bouger à droite ou gauche le texte ? Et si on veut le faire monter ou le descendre ? Faut aussi tripoter les "

Code:: <td> </td>

" ?

En tout cas merci, le résultat est mille Fois meilleurs ainsi !

Les

Code:: <td>

correspondent aux colonnes de ton tableau.
Si tu veux mieux le visualiser tu peux rendre ses bordures apparentes comme ceci :

Code:: <table border="1">

Je te conseille également d'aller lire ce cours bien expliqué pour mieux comprendre
https://css-actif.forumactif.org/bases-html-f49/cours-specifique-1-les-tableaux-en-html-t563.htm

Ici, les colonnes en "haut" et en "bas" comme tu dis sont vides et ne servent juste qu'à placer le texte où l'on veut. Mais on pourrait se débrouiller autrement je pense.

En ce qui concerne l'alignement, tout est expliqué dans le cours que je t'ai donné =)

Oui j'ai lu ça ..
Merci encore pour ton aide & tes explications !!!
=) ...

Désolée du double post, mais c'était uniquement pour prévenir - que j'ai trouver le problème. Fin j'y ai remédier en remettant les valeurs par défaut du template.

Cependant, j'aimerais quand même savoir comment descendre les élément en dessous de l'avatar - sans que ça face cela.

Merciiii, cordialement.
S.

Oups j'me suis trompée de sujet --' mdr ! * illustration de mes Maladresse *.
C'est un post qui était à mettre dans les questions CSS & HTML ... * sort VITE & loin honteuse *

Bonjour,
alors je sais pas si ca sera une question bête mais bon , je m'y met lol
alors j'ai réussi a le mettre correctement et tout mais je ne sais pas comment mettre une image avec qui va sur le coter! comme c indiquer sur l'exemple
merci pour votre aide

Qui est en ligne ? phhpbb2 (messages)

Qui est en ligne ? phhpbb2 (messages)

Sujets similaires

Sujets similaires

Partenaires Or