Sujets similaires

Sujet: Texte & Liens décalés Dim 14 Nov 2010, 07:11

Bonjour tout le monde,

Je viens vous demander si vous pouvez éclairer ma lanterne. Pour présenter mes catégories, j'utilise ce code :

Code:: <ul> <table border="0"><tbody><tr><td align="left">
<a href="http://seoul-saranghae.superforum.fr/reglement-contexte-f1/contexte-lecture-fortement-recommandee-t2.htm" class="postlink">♣ Contexte</a>
<br><a href="http://seoul-saranghae.superforum.fr/reglement-contexte-f1/reglement-annexe-1-t3.htm" class="postlink">♣ Règlement</a>
<br><a href="http://seoul-saranghae.superforum.fr/reglement-contexte-f1/staff-annexe-2-t4.htm" class="postlink">♣ Staff</a></td>
<div style="overflow: auto; text-align: justify; width: 300px; height: 100px;">Tu songes à nous rejoindre dans cette aventure ? Tu te sens d'attaque pour nous défier et délirer avec nous ! O/ Fantastique ! Je te conseille de bien lire le règlement pour connaître les quelques commandements qui régissent le forum et pense à noter le code. Après ? Une lecture du contexte te permettrait d'en savoir plus sur l'univers ! Quand tu seras un membre, pense à passer régulièrement pour te tenir au courant des dernières nouveautés ^_^
</div></td></tr></tbody></table>
</span></td></tr></tbody></table><br></ul><br>

Malheureusement, je n'arrive pas au résultat que je désire. J'aimerais que mes liens restent sur la droite du texte or sur le forum, ils se mettent en-dessous.

Adresse du forum : http://seoul-saranghae.superforum.fr/index.htm

Je ne vois pas trop pourquoi si vous pouvez m'aider, je vous en remercie.

Sujet: Re: Texte & Liens décalés Dim 14 Nov 2010, 08:24

Salut!

Ton code possédait, à la base, quelques petits soucis. D'abord, tu avais le tout encapsulé dans un ul, une liste non-ordonnée, mais tu ne créais aucun élément de liste, je l'ai donc enlevé (et puis, cette balise n'est pas censé contenir un tableau ^^). Ensuite, si tu regardes ton code, toute la dernière ligne était composée de balises fermantes qui ne fermaient rien du tout, leurs "jumelles" n'ayant pas été créées. Cela aurait pu te poser des petits problèmes pour la suite.

La div que tu plaçais dans ton tableau (pour le texte) n'était pas comprise ni dans une ligne, ni dans une colonne, c'est pourquoi l'affichage ne correspondait pas. Du coup, j'ai créé la colonne appropriée, juste avant celle des liens (pour que le texte apparaisse d'abord à gauche, et les liens ensuite à sa droite).

Et pour finir, il n'y avait pas forcément besoin d'une div, j'ai tout simplement recopié le style que tu lui avais mis sur la colonne. Voilà ce que ça donne :

Code:: <table border="0">
<tbody>
<tr>
<td style="overflow: auto; text-align: justify; width: 300px; height: 100px;">Tu songes à nous rejoindre dans cette aventure ? Tu te sens d'attaque pour nous défier et délirer avec nous ! O/ Fantastique ! Je te conseille de bien lire le règlement pour connaître les quelques commandements qui régissent le forum et pense à noter le code. Après ? Une lecture du contexte te permettrait d'en savoir plus sur l'univers ! Quand tu seras un membre, pense à passer régulièrement pour te tenir au courant des dernières nouveautés ^_^</td>
<td align="left">
<a href="http://seoul-saranghae.superforum.fr/reglement-contexte-f1/contexte-lecture-fortement-recommandee-t2.htm" class="postlink">♣ Contexte</a>
<br><a href="http://seoul-saranghae.superforum.fr/reglement-contexte-f1/reglement-annexe-1-t3.htm" class="postlink">♣ Règlement</a>
<br><a href="http://seoul-saranghae.superforum.fr/reglement-contexte-f1/staff-annexe-2-t4.htm" class="postlink">♣ Staff</a>
</td>
</tr></tbody></table>

En espérant que ça résolve ton problème =)

Kiwi

Sujet: Re: Texte & Liens décalés Dim 14 Nov 2010, 08:32

>_< Je ne suis pas encore au point avec mes codes dis donc. Merci beaucoup Kiwi pour toutes tes explications et ta correction. Je comprends mieux mes erreurs ^_^
J'oserais une question : si je veux laisser plus d'espace entre le texte et les liens, je dois utiliser

Code:: <br>

?

Sujet: Re: Texte & Liens décalés Dim 14 Nov 2010, 09:56

Oulah, je la refais =) J'étais plus vraiment dans ton cas ^^

Alors la balise br te permet de faire des sauts à la ligne. Dans ton cas, ce n'est pas ce que tu souhaites, cela va augmenter la hauteur de ton texte, simplement.

Il faut plutôt qu'au td qui contient tes liens, tu ajoutes un padding-left (une marge intérieure) pour décaler tes liens. Tu peux le faire dans le CSS en ajoutant une classe ou directement dans le tableau avec l'attribut style.

Kiwi

Sujet: Re: Texte & Liens décalés Dim 14 Nov 2010, 11:45

Oh lalala ! Heureusement que tu me remets les idées en place, j'allais faire un truc inutile.
Pour ne plus oublier tes explications, je les ai notés ^_^

Merci Kiwi