Mettre Staff sur la même ligne (tableau)

3 participants

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 Lun 28 Fév - 11: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://i.servimg.com/u/f22/15/42/28/56/staff_10.png


Et voici la partie HTML concernée:

Spoiler:



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 - 14:18, édité 1 fois
Victoire Summer

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 Lun 28 Fév - 15: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 Mar 1 Mar - 23:25, édité 1 fois
Doare

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 Lun 28 Fév - 15: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

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 Lun 28 Fév - 20:17

Bonjour et Bienvenue
sur le Forum des Forums ForumActif
Vu que vous êtes nouveau, voici quelques sujets importants :
Mettre Staff sur la même ligne (tableau) Attention2 Sécurité : Mail de fondation - Ce qu'il ne faut pas faire
Mettre Staff sur la même ligne (tableau) Fleche10Listing - Questions/Réponses fréquentes
Mettre Staff sur la même ligne (tableau) Fleche10Listing - Trucs et astuces
Mettre Staff sur la même ligne (tableau) Fleche10 La fonction Rechercher
Mettre Staff sur la même ligne (tableau) Fleche10 La FAQ de Forumactif.com

N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink
Anzu

Anzu
Membre actif

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

https://forum.forumactif.com/
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 Mar 1 Mar - 23: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

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 Ven 4 Mar - 14:15

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

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

- Sujets similaires

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