Problème avec bordure tableau
Caro
-
nEm3sis Messages postés 722 Statut Membre -
nEm3sis Messages postés 722 Statut Membre -
Bonjour,
j'ai plusieurs tableaux dans ma page.
Voici mon script simplifié :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
td { border-width: medium; border-style: outset; }
</style>
</head>
<BODY>
<TABLE WIDTH=990 BGCOLOR="#E9967A" border=1>
<TR>
<TD WIDTH=163> <center><A HREF="portrait.htm">Portrait</center>
</TD>
<TD WIDTH=163> <center><A HREF="famille.htm">Sa famille</center>
</TD>
<TD WIDTH=170> <center><A HREF="Le berger australien.htm">Le berger australien</A> </center>
</TD>
<TD WIDTH=170> <center><A HREF="photos.htm">Galerie photos</A></center>
</TD>
<TD WIDTH=163> <center><A HREF="livre/livredor.php">Livre d'or</A></center>
</TD>
<TD WIDTH=163> <center><A HREF="liens.htm">Liens</A></center>
</TD>
</TR>
</TABLE>
<BR>
<div style="text-indent:160px; "><font size=5> <font face="Trebuchet MS"><b><i>Sa famille</i></b></font> </font></div>
<HR WIDTH="500" SIZE="1" COLOR = "black" ALIGN="center" NOSHADE>
<BR>
<BR>
<center><table WIDTH=850></center>
<tr>
<td BGCOLOR="#E9967A" WIDTH=200> <p style="padding-left: 10px;"><A HREF="atchoum.htm">ATCHOUM</A></p></td>
<TH colspan="2" rowspan="5"><center><IMG SRC="Images/famille.jpg"></center></TH>
</tr>
<tr><td BGCOLOR="#E9967A" WIDTH=200> <p style="padding-left: 10px;"><A HREF="max.htm">MAX</A></p></td>
</tr>
<tr><td BGCOLOR="#E9967A" WIDTH=200> <p style="padding-left: 10px;"><A HREF="vanille.htm">VANILLE</A></p></td>
</tr>
<tr><td BGCOLOR="#E9967A" WIDTH=200> <p style="padding-left: 10px;"><A HREF="ulysse.htm">ULYSSE</A></p></td>
</tr>
<tr><td BGCOLOR="#E9967A" WIDTH=200> <p style="padding-left: 10px;"><A HREF="rebaga.htm">AGATHE ET REBECCA</A></p></td>
</tr>
</table>
</body>
</html>
Pour mettre des encadrés dans le 2ème tableau j'ai utilisé une feuille de style pour "td". Mais cela s'applique du coup à mes deux tableaux. Hors je voudrais que dans le premier tableau cela ne s'applique pas. C'est à dire que j'ai le résultat visuel correspondant au script suivant pour les bordures :
<html>
<BODY>
<TABLE WIDTH=990 BGCOLOR="#E9967A" border=1>
<TR>
<TD WIDTH=163> <center><A HREF="portrait.htm">Portrait</center>
</TD>
<TD WIDTH=163> <center><A HREF="famille.htm">Sa famille</center>
</TD>
<TD WIDTH=170> <center><A HREF="Le berger australien.htm">Le berger australien</A> </center>
</TD>
<TD WIDTH=170> <center><A HREF="photos.htm">Galerie photos</A></center>
</TD>
<TD WIDTH=163> <center><A HREF="livre/livredor.php">Livre d'or</A></center>
</TD>
<TD WIDTH=163> <center><A HREF="liens.htm">Liens</A></center>
</TD>
</TR>
</TABLE>
</body>
</html>
Merci d'avance,
Caro
j'ai plusieurs tableaux dans ma page.
Voici mon script simplifié :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
td { border-width: medium; border-style: outset; }
</style>
</head>
<BODY>
<TABLE WIDTH=990 BGCOLOR="#E9967A" border=1>
<TR>
<TD WIDTH=163> <center><A HREF="portrait.htm">Portrait</center>
</TD>
<TD WIDTH=163> <center><A HREF="famille.htm">Sa famille</center>
</TD>
<TD WIDTH=170> <center><A HREF="Le berger australien.htm">Le berger australien</A> </center>
</TD>
<TD WIDTH=170> <center><A HREF="photos.htm">Galerie photos</A></center>
</TD>
<TD WIDTH=163> <center><A HREF="livre/livredor.php">Livre d'or</A></center>
</TD>
<TD WIDTH=163> <center><A HREF="liens.htm">Liens</A></center>
</TD>
</TR>
</TABLE>
<BR>
<div style="text-indent:160px; "><font size=5> <font face="Trebuchet MS"><b><i>Sa famille</i></b></font> </font></div>
<HR WIDTH="500" SIZE="1" COLOR = "black" ALIGN="center" NOSHADE>
<BR>
<BR>
<center><table WIDTH=850></center>
<tr>
<td BGCOLOR="#E9967A" WIDTH=200> <p style="padding-left: 10px;"><A HREF="atchoum.htm">ATCHOUM</A></p></td>
<TH colspan="2" rowspan="5"><center><IMG SRC="Images/famille.jpg"></center></TH>
</tr>
<tr><td BGCOLOR="#E9967A" WIDTH=200> <p style="padding-left: 10px;"><A HREF="max.htm">MAX</A></p></td>
</tr>
<tr><td BGCOLOR="#E9967A" WIDTH=200> <p style="padding-left: 10px;"><A HREF="vanille.htm">VANILLE</A></p></td>
</tr>
<tr><td BGCOLOR="#E9967A" WIDTH=200> <p style="padding-left: 10px;"><A HREF="ulysse.htm">ULYSSE</A></p></td>
</tr>
<tr><td BGCOLOR="#E9967A" WIDTH=200> <p style="padding-left: 10px;"><A HREF="rebaga.htm">AGATHE ET REBECCA</A></p></td>
</tr>
</table>
</body>
</html>
Pour mettre des encadrés dans le 2ème tableau j'ai utilisé une feuille de style pour "td". Mais cela s'applique du coup à mes deux tableaux. Hors je voudrais que dans le premier tableau cela ne s'applique pas. C'est à dire que j'ai le résultat visuel correspondant au script suivant pour les bordures :
<html>
<BODY>
<TABLE WIDTH=990 BGCOLOR="#E9967A" border=1>
<TR>
<TD WIDTH=163> <center><A HREF="portrait.htm">Portrait</center>
</TD>
<TD WIDTH=163> <center><A HREF="famille.htm">Sa famille</center>
</TD>
<TD WIDTH=170> <center><A HREF="Le berger australien.htm">Le berger australien</A> </center>
</TD>
<TD WIDTH=170> <center><A HREF="photos.htm">Galerie photos</A></center>
</TD>
<TD WIDTH=163> <center><A HREF="livre/livredor.php">Livre d'or</A></center>
</TD>
<TD WIDTH=163> <center><A HREF="liens.htm">Liens</A></center>
</TD>
</TR>
</TABLE>
</body>
</html>
Merci d'avance,
Caro
A voir également:
- Problème avec bordure tableau
- Tableau word - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Imprimer un tableau excel - Guide
- Bordure de page word - Guide
2 réponses
Bonjour Caro,
Rien de plus simple, au lieu d'utiliser une feuille de style, tu met directement dans ta balise <table> le style que tu veux lui appliquer ( ici <table style="WIDTH:990; BGCOLOR:"#E9967A"; border: groove 1px">
Rien de plus simple, au lieu d'utiliser une feuille de style, tu met directement dans ta balise <table> le style que tu veux lui appliquer ( ici <table style="WIDTH:990; BGCOLOR:"#E9967A"; border: groove 1px">
