Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Tableaux et bordure d'une cellule.

1 réponse
Avatar
Vincent
Salut,

Est-il possible de faire un tableau comme ceci:
http://boxfly.free.fr/test/exemple_tab.jpg
Avec donc:
1 bordure génarale à 1 ou 2px disons et la cellule en haut à droite sans
bordure au top et au left!
J'ai essayé des trucs mais sans succés et les tutoriels ne disent pas
s'il est possible d'enlever le border à une seule cellule.

Voici un code qui n'a pas marché

Code :
<table width="350px" cellspacing="0" border=2 cellpadding="3">
<tr>
<td style="border-left=0px; border-top:0px"> &nbsp; </td>
<td > Cell1 </td>
<td > Cell2 </td>
<td > Cell2 </td>
</tr>
<tr>
<td > <strong>Ligne1</strong> </td>
<td bgcolor="green"> &nbsp; </td>
<td bgcolor="red"> &nbsp;</td>
<td bgcolor="orange"> &nbsp; </td>
</tr>
</table>

Merci,
Vincent.

1 réponse

Avatar
Florian Sinatra
*Vincent* @ 05/08/2006 13:52 :
Salut,


Lut,

Est-il possible de faire un tableau comme ceci:
http://boxfly.free.fr/test/exemple_tab.jpg


Oui

1 bordure génarale à 1 ou 2px disons et la cellule en haut à droite sans


à gauche ^^^^

bordure au top et au left!
J'ai essayé des trucs mais sans succés et les tutoriels ne disent pas
s'il est possible d'enlever le border à une seule cellule.



Bien sûr que oui, mais si tu n'enlèves pas le border du tableau, ca sert
à rien.

<table width="350px" cellspacing="0" border=2 cellpadding="3">


"350" ^^^^^^ "2" ^^^^
ici, ajoute style="border:0;" et c'est joué. Après, faudra jouer sur les
bordures des cellules pour que ca soit joli.

<tr>
<td style="border-left=0px; border-top:0px"> &nbsp; </td>


: pas = ^^^^

<td > Cell1 </td>
<td > Cell2 </td>
<td > Cell2 </td>


Vu que ce sont des lignes d'en-tête, c'est <th> pas <td>. Et tu pourrais
même les placer dans un <thead>. S'il y a un article indispensable à
lire, c'est <http://openweb.eu.org/articles/tableaux_css/&gt;.

</tr>

<tr>
<td > <strong>Ligne1</strong> </td>
<td bgcolor="green"> &nbsp; </td>
<td bgcolor="red"> &nbsp;</td>
<td bgcolor="orange"> &nbsp; </td>
</tr>
</table>