Problème de tableau...

[shiniko]

Bonjour!
En suivant un tuto de Forumactif, j'ai réussi à insérer un tableau en guise de "guide" vers mes sous-forums
Le problème c'est que la colonne de droite est écrasée, déformant le texte, et je n'arrive pas à la rammener plus vers la gauche, c'est à dire équilibrer les deux colonnes :

Spoiler:

Voici le code html inséré:

Code:

<table width=100% rules="rows" border="0" style="margin-top: -10px;">
<tr><td width=55px>
<a href="Lien vers le sous-forum N°3"><img src="http://moe.mabul.org/up/moe/2010/07/27/img-163640fq884.png" border="0"></a>
</td>
<td width=42%>


<a href="Lien vers le sous-forum N°3"><b><span style="color: DeepSkyBlue;">♣ Sous-Sols & RDC ♣</span></b></a>
<br> <br> Blablablablabla


</td>
<td width=10px>
 
</td>
<td width=55px>
<a href="Lien vers le sous-forum N°3"><img src="http://moe.mabul.org/up/moe/2010/07/27/img-163640fq884.png" border="0"></a>
</td>
<td width=42%>


<a href="Lien vers le sous-forum N°4"><b><span style="color: PaleGreen;">♦ 1er & 2e Etages ♦</span></b></a>
<br> <br> Blablablablabla

</td>
</tr>



<tr>
<td width=55px>
<a href="Lien vers le sous-forum N°3"><img src="http://moe.mabul.org/up/moe/2010/07/27/img-163640fq884.png" border="0"></a>
</td>
<td width=62%>


<a href="Lien vers le sous-forum N°3"><b><span style="color: PaleGreen;">♥ 3e & 4e Etages ♥</span></b></a>

<br> <br> Blablablablabla

</td>
<td width=10px>
 
</td>
<td width=55px>
<a href="Lien vers le sous-forum N°3"><img src="http://moe.mabul.org/up/moe/2010/07/27/img-163640fq884.png" border="0"></a>
</td>
<td width=62%>


<a href="Lien vers le sous-forum N°4"><b><span style="color: DeepSkyBlue;">♠ 5e & 6e Etages  ♠</span></b></a>
<br> <br> Blablablablabla

</td>
</tr>

<tr><div style="text-align: center;"><td width=150>
<a href="Lien vers le sous-forum N°3"><img src="http://moe.mabul.org/up/moe/2010/07/27/img-163640fq884.png" border="0"></a>
</td><td width=42%><div style="text-align: center;">


<a href="Lien vers le sous-forum N°3"><b><span style="color: rgb(255, 204, 153);">♪ Et le meilleur pour la fin... les cours d'amûr! ♪</span></b></a>

<ul>
<a href="http://enconstruction2010.forumactif.com/sous-sol-rdc-f20/"><img src="http://moe.mabul.org/up/moe/2010/06/30/img-144007onay4.png" border="0"></a>
</ul>
</div></td></div></tr>
</table>

Quelqu'un pourrait-il essayer de me redimensionner ce tableau? Je n'y arrive décidément pas!
Merci d'avance

[Querel]

Salut ! encore moi x)

Essaye avec ce code ci :

Code:

<table width=100% rules="rows" border="0" style="margin-top: -10px;">
<tr><td width=55px>
<a
 href="Lien vers le sous-forum N°3"><img
src="http://moe.mabul.org/up/moe/2010/07/27/img-163640fq884.png"
border="0"></a>
</td>
<td width=42%>


<a
 href="Lien vers le sous-forum N°3"><b><span style="color:
DeepSkyBlue;">♣ Sous-Sols & RDC
♣</span></b></a>
<br> <br> Blablablablabla


</td>
<td width=10px>
 
</td>
<td width=55px>
<a
 href="Lien vers le sous-forum N°3"><img
src="http://moe.mabul.org/up/moe/2010/07/27/img-163640fq884.png"
border="0"></a>
</td>
<td width=42%>


<a
 href="Lien vers le sous-forum N°4"><b><span style="color:
PaleGreen;">♦ 1er & 2e Etages ♦</span></b></a>
<br> <br> Blablablablabla

</td>
</tr>



<tr>
<td width=55px>
<a
 href="Lien vers le sous-forum N°3"><img
src="http://moe.mabul.org/up/moe/2010/07/27/img-163640fq884.png"
border="0"></a>
</td>
<td width=62%>


<a
 href="Lien vers le sous-forum N°3"><b><span style="color:
PaleGreen;">♥ 3e & 4e Etages ♥</span></b></a>

<br> <br> Blablablablabla

</td>
<td width=10px>
 
</td>
<td width=55px>
<a
 href="Lien vers le sous-forum N°3"><img
src="http://moe.mabul.org/up/moe/2010/07/27/img-163640fq884.png"
border="0"></a>
</td>
<td width=62%>


<a
 href="Lien vers le sous-forum N°4"><b><span style="color:
DeepSkyBlue;">♠ 5e & 6e Etages 
♠</span></b></a>
<br> <br> Blablablablabla

</td>
</tr>

<tr><div style="text-align: center;"><td width=150>
<a
 href="Lien vers le sous-forum N°3"><img
src="http://moe.mabul.org/up/moe/2010/07/27/img-163640fq884.png"
border="0"></a>
</td><td colspan=3 width=42%><div style="text-align: center;">


<a
 href="Lien vers le sous-forum N°3"><b><span style="color:
rgb(255, 204, 153);">♪ Et le meilleur pour la fin... les cours
d'amûr! ♪</span></b></a>

<ul>
<a
href="http://enconstruction2010.forumactif.com/sous-sol-rdc-f20/"><img
 src="http://moe.mabul.org/up/moe/2010/06/30/img-144007onay4.png"
border="0"></a>
</ul>
</div></td></div></tr>
</table>

En espérant que ça marche !

[shiniko]

Bonjour et merci de m'aider encore n_n
J'ai repris ton code, pensant que c'était bon, j'ai avancé... mais le problème reste! Toujours la colonne de droite "écrasée".

Spoiler:

Code:

<table width=100% rules="rows" border="0" style="margin-top: -10px;">
<tr><td width=55px>
<a href="Lien vers le sous-forum N°3"><img src="http://moe.mabul.org/up/moe/2010/07/28/img-030505laa4v.png" border="0"></a>
</td>
<td width=42%>


<a href="http://enconstruction2010.forumactif.com/sous-sol-rdc-f20/"><b><span style="color: DeepSkyBlue;">♣ Sous-Sols & RDC ♣</span></b></a>
<br> <div style="text-align: justify;"><font size="1">« Les sous-sols, endroit sombre et humide, fréquenté le plus souvent par les Serpentards. Très peu de personnes osent s’y aventurer, sauf lorsque c’est l’heure du cours de potion. L’endroit est plutôt calme, contrairement au rez-de-chaussée qui est l’endroit le plus bruyant de l’école. Avec la Grande salle, la salle des professeurs et la grande porte, c’est en quelque sorte le carrefour où tout le monde se rend. »</font></div>
<br>

</td>
<td width=10px>
 
</td>
<td width=55px>
<a href="Lien vers le sous-forum N°3"><img src="http://moe.mabul.org/up/moe/2010/07/28/img-030429p84si.png" border="0"></a>
</td>
<td width=42%>


<a href="http://enconstruction2010.forumactif.com/1er-2e-etages-f22/"><b><span style="color: PaleGreen;">♦ 1er & 2e Etages ♦</span></b></a>
<br>  <div style="text-align: justify;"><font size="1">« Des escaliers, encore des escaliers? Nous n'irons pas bien haut, car ce qu'on trouve au 1er et 2e étages est fort intéressant! Les plus intellos trouveront un paquet de livres, les professeur un lit douillet... Pour les plus aventuriers, ils pourront s'affronter dans des combats sans pitié, être secoués en tous sens par une salle complètement folle, et même aller soigner leur blessures de combattants à l'infirmerie! »</font></div> <br>

</td>
</tr>



<tr>
<td width=55px>
<a href="Lien vers le sous-forum N°3"><img src="http://moe.mabul.org/up/moe/2010/07/28/img-030348k1dro.png" border="0"></a>
</td>
<td width=62%>


<a href="http://enconstruction2010.forumactif.com/3e-4e-etages-f23/"><b><span style="color: PaleGreen;">♥ 3e & 4e Etages ♥</span></b></a>

<br>  <div style="text-align: justify;"><font size="1">« Et on sélève de plus en plus pour découvrir... quoi? Un paquet de salles? Il y en a partout décidément! Des vides, des magiques, des glorieuses... Et des plus sérieuses où le Directeur s'acharne sur les élèves. Heureusement qu'il y a des couloirs pour s'échapper de tout ce remue-ménage, et rencontrer encore plus de Monde, toujours plus farfelu. Des étages qui vous rendront fous, je vous le dis.</font></div>
<br>
</td>
<td width=10px>
 
</td>
<td width=55px>
<a href="Lien vers le sous-forum N°3"><img src="http://moe.mabul.org/up/moe/2010/07/28/img-030306g74s1.png" border="0"></a>
</td>
<td width=62%>


<a href="http://enconstruction2010.forumactif.com/5e-6-7e-etages-f24/"><b><span style="color: DeepSkyBlue;">♠ 5e & 6e & 7e Etages  ♠</span></b></a>
<br> <div style="text-align: justify;"><font size="1"> Les plus hauts sommets de Poudlard, que la vue y est belle! On pourra admirer d'une part les hiboux s'envolant pour apporter le courrier, les étoiles et constellations scintillant la nuit du haut de la tour d'astronomie, et surtout les allées et venues des membres des QG, s'échangeant des mots de passe, complotant les uns contre les autres. Que d'émotion! </font></div> <br>

</td>
</tr>

<tr><td width=55px>
<a href="Lien vers le sous-forum N°3"><img src="http://moe.mabul.org/up/moe/2010/07/28/img-030132yy6ze.png" border="0"></a>
</td>
<td width=42%>


<a href="http://enconstruction2010.forumactif.com/exterieur-f63/"><b><span style="color: DeepSkyBlue;">♣ Exterieur de Poudlard ♣</span></b></a>
<br>  <div style="text-align: justify;"><font size="1"> Redescendons les marches et ouvrons les grandes portes. Là. Le plus bel endroit de Poudlard: son extérieur verdoyant, éblouissant. Divisé en trois catégories, il répondra aux besoins de tous, que ce soit pour se détendre, vivre des aventures trépidantes, ou découvrir et élucider des mystères étonnants... Profitez des jours ensoleillés au parc, et visitez de sombres recoins là nuit...</font></div> <br>


</td>
<td width=10px>
 
</td>
<td width=55px>
<a href="Lien vers le sous-forum N°3"><img src="http://moe.mabul.org/up/moe/2010/07/28/img-030037f1e5k.png" border="0"></a>
</td>
<td width=42%>


<a href="http://enconstruction2010.forumactif.com/cours-de-mon-f21/"><b><span style="color: PaleGreen ">♪ Et le meilleur pour la fin... les cours d'amûr! ♪</span></b></a>
<br>  <div style="text-align: justify;"><font size="1"> Nos préférés, ceix qui nous offrirons un avenir d'Auror, de Ministre de la Magie, de Potionniste (??) en herbe... Nos cours! Accompagnés de Profs qui comptent bien nous faire vivre une année du tonnerre, ils nous ferons découvrir comment transformer un crapaud en bougie, ou créer un philtre d'amour... Sans compter les options, qui nous élargissent d'autres horizons (mystiques)! </font></div> <br>

</td>
</tr>

</table>

[Anzu]

Bonjour,

Il suffit simplement d'équilibrer les colonnes comme vous dites, en modifiant la largeur de la première. Mettez 50% et 50% pour chacune.

Cordialement.

[shiniko]

Ca marche, merci beaucoup!