Présentation Tableau dans une page Web

Petit nouveau ! | 2 Messages

19 juil. 2020, 21:53

Bonsoir,

L'URL de ma page est la suivante : http://www.socios-gfca.com/trasfirimenti-121,1.html

Je souhaite améliorer la présentation de mon tableau HTML de façon simple de la façon suivante mais je n'y arrive pas :

- Supprimer la bordure qui encadre l'ensemble du tableau (J'ai essayé l'attribut border='0').
- Réduire la taille de la police du nom de chaque joueur pour qu'il reste sur une ligne.
- Insérer une ligne blanche d'une hauteur à définir après la ligne du dessus (J'ai essayé les différentes formes de la balise <TR>).
- Réduire la taille de l'image en conservant les proportions.

J'ai fait beaucoup de tests mais cela n'a aucun effet sur mon tableau !!!.

Voici le code source du tableau en question :

<table width="600">
<tbody>
<tr>
<td width="1">&nbsp;</td>
<td class="css-arrondi" style="text-align: center; width=5px;">
<p>&nbsp;<span style="color: rgb(255, 0, 0);"><span style="font-size: large;"><strong>Steeve<br />
</strong></span></span><span style="font-size: large;"><span style="color: rgb(0, 0, 255);"><strong>BEUSNARD</strong></span></span></p>
<p><img border="1" align="middle" src="http://socios-gfca.com/content/photos/2 ... nature.jpg" alt="" /></p>
<p><span style="color: rgb(0, 0, 255);"><span style="font-size: medium;"><strong>ATTACANTU</strong></span></span></p>
<p><span style="color: rgb(255, 0, 0);"><strong><span style="font-size: small;"><u>Ancien Club :</u></span></strong></span><strong><span style="font-size: small;"><span style="color: rgb(0, 0, 255);"> <br />
AS B&eacute;ziers</span></span></strong></p>
<p><span style="font-size: small;"><span style="color: rgb(0, 0, 255);"><strong><a target="_blank" href="http://www.socios-gfca.com/beusnard-ste ... html">Voir la Fiche</a></strong></span></span></p>
</td>
<td width="2">&nbsp;</td>
<td class="css-arrondi" style="text-align: center; width=5px;">
<p>&nbsp;<span style="color: rgb(255, 0, 0);"><span style="font-size: large;"><strong>Zi&eacute;<br />
</strong></span></span><span style="font-size: large;"><span style="color: rgb(0, 0, 255);"><strong> DIABATE</strong></span></span></p>
<p><img border="1" align="middle" src="http://socios-gfca.com/content/photos/2 ... nature.jpg" alt="" /></p>
<p><span style="color: rgb(0, 0, 255);"><span style="font-size: medium;"><strong>DIFINSORU</strong></span></span></p>
<p><span style="color: rgb(255, 0, 0);"><strong><span style="font-size: small;"><u>Ancien Club :</u></span></strong></span><strong><span style="font-size: small;"><span style="color: rgb(0, 0, 255);"> <br />
Foolad FC</span></span></strong></p>
<p><span style="font-size: small;"><span style="color: rgb(0, 0, 255);"><strong><a target="_blank" href="http://www.socios-gfca.com/administrati ... 9505">Voir la Fiche</a></strong></span></span></p>
</td>
<td width="2">&nbsp;</td>
<td class="css-arrondi" style="text-align: center; width=5px;">
<p>&nbsp;<span style="color: rgb(255, 0, 0);"><span style="font-size: large;"><strong>Rod&eacute;ric<br />
</strong></span></span><span style="font-size: large;"><span style="color: rgb(0, 0, 255);"><strong>FILIPPI</strong></span></span></p>
<p><img border="1" align="middle" src="http://socios-gfca.com/content/photos/2 ... nature.jpg" alt="" /></p>
<p><span style="color: rgb(0, 0, 255);"><span style="font-size: medium;"><strong>DIFINSORU</strong></span></span></p>
<p><span style="color: rgb(255, 0, 0);"><strong><span style="font-size: small;"><u>Ancien Club :</u></span></strong></span><strong><span style="font-size: small;"><span style="color: rgb(0, 0, 255);"> <br />
Tours FC</span></span></strong></p>
<p><span style="font-size: small;"><span style="color: rgb(0, 0, 255);"><strong><a target="_blank" href="http://www.socios-gfca.com/filippi-rode ... html">Voir la Fiche</a></strong></span></span></p>
</td>
<td width="1">&nbsp;</td>
</tr>
<tr>
</tr>

J'espère que vous allez pouvoir m'aider rapidement.
Merci beaucoup pour votre aide.
CG.
:wink:
Merci beaucoup pour votre aide.
CG2604
:twisted: :twisted: :twisted:

Mammouth du PHP | 1667 Messages

20 juil. 2020, 11:23

Bonsoir,

L'URL de ma page est la suivante : http://www.socios-gfca.com/trasfirimenti-121,1.html

Je souhaite améliorer la présentation de mon tableau HTML de façon simple de la façon suivante mais je n'y arrive pas :

- Supprimer la bordure qui encadre l'ensemble du tableau (J'ai essayé l'attribut border='0').
- Réduire la taille de la police du nom de chaque joueur pour qu'il reste sur une ligne.
- Insérer une ligne blanche d'une hauteur à définir après la ligne du dessus (J'ai essayé les différentes formes de la balise <TR>).
- Réduire la taille de l'image en conservant les proportions.
1/ dans content.css ligne 75 tu a border: 1px solid #cfcfcf; retire le pour ne plus avoir de bordure
2/ tes Span on un font-size: large; mets une taille plus petite et retire le <br> qui met à la ligne, mais difficile d'être sur d'avoir qu'une ligne ne cas de nom/prenom long
3/ pas compris
4/ quelle image ? en régle générale, tu défini un width ou height eyt tu mets l'autre en auto
Spols
pour les fan de rubik's cube ou pour les curieux ==> le portail francophone de rubik's cube