Page 1 sur 1

encadrement d'un tableau

Posté : 10 août 2007, 14:41
par pat
bonjour,

Je veux faire un encadrement sur la deuxième ligne d'un tableau de 3 lignes sur 3 colonnes
Mais mon code ne fonctionne pas. Je ne comprend pas pourquoi et comment dois je faire?


Code : Tout sélectionner

<table width="100" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr style="border: 1px solid #FF6600;"> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </table>

Posté : 10 août 2007, 14:44
par Genova
Salut,
les border sur les <tr> ne marchent pas apparemment, tu dois procéder comme ceci :

Code : Tout sélectionner

<table width="100" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td style="border: 1px solid #FF6600; border-width: 1px 0px 1px 1px">&nbsp;</td> <td style="border: 1px solid #FF6600; border-width: 1px 0px 1px 0px">&nbsp;</td> <td style="border: 1px solid #FF6600; border-width: 1px 1px 1px 0px">&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </table>

Re: encadrement d'un tableau

Posté : 10 août 2007, 14:45
par Calimero
Essaye plutôt comme ça :

Code : Tout sélectionner

<table width="100" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr class="avecbordure"> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </table>
en ajoutant la règle CSS suivante dans ta css :

Code : Tout sélectionner

tr.avecbordure td{border: 1px solid #FF6600;}
En fait très peu d'attributs css fonctionnent normalement avec les balises <TR>. Il faut donc ruser et les appliquer aux <TD> à la place.

Posté : 10 août 2007, 14:55
par pat
Merci pour vos solutions je les applique tout du suite.

:D