Mettre Staff sur la même ligne (tableau)

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Mettre Staff sur la même ligne (tableau)

Message par Victoire Summer le Lun 28 Fév 2011 - 12:59

Bonjour ! Very Happy


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 scratch 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://i22.servimg.com/u/f22/15/42/28/56/staff_10.png


Et voici la partie HTML concernée:

Spoiler:


<!-- Début ligne 2 -->
<tr class="ligne2">
<td height="50px" colspan="3" id="l2c1" vAlign="top">
<h2>Staff</h2></br>
<p> <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="https://i22.servimg.com/u/f22/15/42/28/56/reno_c10.png"></span></div></br>

</br>


<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="https://i22.servimg.com/u/f22/15/42/28/56/ritsu_10.png"></span></div>



</p>
</td>
</tr>



<!-- Fin ligne 2 -->




Merci d'avance ! Smile

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



Dernière édition par Victoire Summer le Ven 4 Mar 2011 - 15:18, édité 1 fois

Victoire Summer
Nouveau membre

Féminin
Messages : 4
Inscrit(e) le : 19/02/2011

http://shinra-corporation.youneed.us
Victoire Summer a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre Staff sur la même ligne (tableau)

Message par Doare le Lun 28 Fév 2011 - 16:25

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... =)


Dernière édition par Doare le Mer 2 Mar 2011 - 0:25, édité 1 fois

Doare
*

Féminin
Messages : 33
Inscrit(e) le : 16/05/2009

http://thelastairbender.forumactif.com/
Doare a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre Staff sur la même ligne (tableau)

Message par Victoire Summer le Lun 28 Fév 2011 - 16:38

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 Surprised
J'aimerai cependant savoir s'il serait possible de centrer les membres du staff et de mettre un espace entre ceux-ci ? Smile


Victoire Summer
Nouveau membre

Féminin
Messages : 4
Inscrit(e) le : 19/02/2011

http://shinra-corporation.youneed.us
Victoire Summer a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre Staff sur la même ligne (tableau)

Message par Anzu le Lun 28 Fév 2011 - 21:17

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 Wink

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre Staff sur la même ligne (tableau)

Message par Doare le Mer 2 Mar 2011 - 0:24

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

@Victoire Summer a écrit:J'aimerai cependant savoir s'il serait possible de centrer les membres du staff et de mettre un espace entre ceux-ci ? Smile
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. =)

Doare
*

Féminin
Messages : 33
Inscrit(e) le : 16/05/2009

http://thelastairbender.forumactif.com/
Doare a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre Staff sur la même ligne (tableau)

Message par Victoire Summer le Ven 4 Mar 2011 - 15:15

C'est parfait, merci beaucoup pour votre aide ! Smile

Victoire Summer
Nouveau membre

Féminin
Messages : 4
Inscrit(e) le : 19/02/2011

http://shinra-corporation.youneed.us
Victoire Summer a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum