Mettre Staff sur la même ligne (tableau)

[Victoire Summer]

Bonjour !


Voilà, j'aimerai beaucoup mettre les membres du staff sur la même ligne dans mon tableau d'accueil mais je n'y arrive pas J'ai essayé plusieurs techniques, sans doute barbares puisque j'ai encore du mal avec le format HTML et CSS, mais aucun résultat.


Un aperçu du tableau: https://i.servimg.com/u/f22/15/42/28/56/staff_10.png


Et voici la partie HTML concernée:

Spoiler:

Merci d'avance !

En espérant que quelqu'un puisse régler ce petit problème...

[Doare]

Vous pourriez inclure un tableau interne dans la cellule Staff, et dédier un cellule par membre du staff...

Code:

<!-- Début ligne 2 -->

<tr class="ligne2">
<td height="50px" colspan="3" id="l2c1" vAlign="top">
<h2>Staff</h2></br>

<!-- DEBUT TABLEAU MEMBRES STAFF -->
<table>
<tr>
<!-- DEBUT CELLULE MEMBRE STAFF 1 -->
<td>
<div class="infobulle"><a href="http://shinra-corporation.youneed.us/profile.forum?mode=viewprofile&u=1" target="_blank"> ►<font color="#5E9EA0"> R E N O<font color="#1F1C21">_</font>M O N T A G U E </a></div>
</font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="0">Fondatrice & TURKS</font></td></tr><tr><td style="text-align: center;"><tbody></table></span></a>
<span><div class="opacity"><img src="http://i22.servimg.com/u/f22/15/42/28/56/reno_c10.png"></span></div>
</td>
<!-- FIN CELLULE MEMBRE STAFF 1 -->
<!-- DEBUT CELLULE MEMBRE STAFF 2 -->
<td>
<div class="infobulle"><a href="http://shinra-corporation.youneed.us/u3" target="_blank"> ►<font color="#9CD160"> R I T S U<font color="#1F1C21">_</font>L O C K E R </a></div>
</font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="0">Admin & Journaliste</font></td></tr><tr><td style="text-align: center;"><tbody></table></span></a>
<span><div class="opacity"><img src="http://i22.servimg.com/u/f22/15/42/28/56/ritsu_10.png"></span></div>
</td>
<!-- FIN CELLULE MEMBRE STAFF 2 -->
</tr>
</table>
<!-- FIN TABLEAU MEMBRES STAFF -->

</td>
</tr>

<!-- Fin ligne 2 -->


Juste pour information, la balise de retour à la ligne est :

Code:

<br />
pas </br>

En espérant avoir aidé. ^^


Edit: Je n'avais pas remarqué les table déjà présentes, ça en fait beaucoup d'imbriquées. XD Mais bon, là j'ai pas la tête à réfléchir plus pour alléger. >< Je laisse quelqu'un d'autre s'y essayer si jamais... =)

[Victoire Summer]

Merci beaucoup !

C'est exactement ça ! Merci d'avoir répondu aussi vite à mon problème ! Pour ce qui est de la balise " <br/> ", je ferais attention
J'aimerai cependant savoir s'il serait possible de centrer les membres du staff et de mettre un espace entre ceux-ci ?

[Anzu]

Bonjour et Bienvenue sur le Forum des Forums ForumActif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : Mail de fondation - Ce qu'il ne faut pas faire Listing - Questions/Réponses fréquentes Listing - Trucs et astuces La fonction Rechercher La FAQ de Forumactif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

[Doare]

De rien, j'étais/je suis d'humeur à aider les gens ces temps-ci @_@ (genre j'ai pas assez à faire ><)

J'aimerai cependant savoir s'il serait possible de centrer les membres du staff et de mettre un espace entre ceux-ci ?

Bien sûr !
Pour la première chose, il suffit d'ajouter align="center" dans la balise <table> du staff.

Pour le second... ma foi, y a plusieurs méthodes possibles, suivant c'qu'on veut faire et la manière dont peut évoluer cette partie.
On peut ajouter un padding aux cellules des membres du staff. ^^

Du coup ça pourrait donner quelque chose comme ça...

Code:

<!-- Début ligne 2 -->

    <tr class="ligne2">
    <td height="50px" colspan="3" id="l2c1" vAlign="top">
    <h2>Staff</h2></br>

    <!-- DEBUT TABLEAU MEMBRES STAFF -->
    <table align="center">
    <tr>
    <!-- DEBUT CELLULE MEMBRE STAFF 1 -->
    <td style="padding-left:10px;padding-right:10px;">
    <div class="infobulle"><a href="http://shinra-corporation.youneed.us/profile.forum?mode=viewprofile&u=1" target="_blank"> ►<font color="#5E9EA0"> R E N O<font color="#1F1C21">_</font>M O N T A G U E </a></div>
    </font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="0">Fondatrice & TURKS</font></td></tr><tr><td style="text-align: center;"><tbody></table></span></a>
    <span><div class="opacity"><img src="http://i22.servimg.com/u/f22/15/42/28/56/reno_c10.png"></span></div>
    </td>
    <!-- FIN CELLULE MEMBRE STAFF 1 -->
    <!-- DEBUT CELLULE MEMBRE STAFF 2 -->
    <td style="padding-left:10px;padding-right:10px;">
    <div class="infobulle"><a href="http://shinra-corporation.youneed.us/u3" target="_blank"> ►<font color="#9CD160"> R I T S U<font color="#1F1C21">_</font>L O C K E R </a></div>
    </font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="0">Admin & Journaliste</font></td></tr><tr><td style="text-align: center;"><tbody></table></span></a>
    <span><div class="opacity"><img src="http://i22.servimg.com/u/f22/15/42/28/56/ritsu_10.png"></span></div>
    </td>
    <!-- FIN CELLULE MEMBRE STAFF 2 -->
    </tr>
    </table>
    <!-- FIN TABLEAU MEMBRES STAFF -->

    </td>
    </tr>

    <!-- Fin ligne 2 -->

J'ai mis 10px de chaque côté mais tu modifies comme tu veux. ^^
Tu peux aussi le mettre que d'un côté, ou pour une seule cellule... là, en mettant de chaque côté, ça donne la possibilité de copier le code d'une cellule pour le réutiliser sans se casser la tête. =)

[Victoire Summer]

C'est parfait, merci beaucoup pour votre aide !