Rechercher : dans
Par :

Problème avec bordure tableau

Dernière réponse le 16 nov 2007 à 11:06:59 Caro, le 16 nov 2007 à 11:00:49 
 Signaler ce message aux modérateurs

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

Configuration: Windows XP
Internet Explorer 7.0

Meilleures réponses pour « Problème avec bordure tableau » dans :
Tableau de bord Voir Notion de tableau de bord Un tableau de bord est une représentation graphique synthétique d'un ensemble d'indicateurs donnant à un responsable tous les éléments lui permettant de prendre visuellement et rapidement des décisions. Compte-tenu de sa...
Inverser les éléments d'un tableau -Récursivité- VoirVoici une procédure récursive qui permet d’inverser les éléments d’une partie d’un tableau compris entre la position p et n : Procedure Inverser (Var t : Tab; p, n : Integer); Var aux : Real; Begin If p < n Then ...
Tableaux HTML VoirUtilisation de tableaux Il est souvent utile de présenter des informations mieux structurées qu'avec des listes. Les tableaux permettent de les afficher en lignes et en colonnes. Les tableaux sont définis comme étant des suites de lignes. Un...

1

Nico, le 16 nov 2007 à 11:06:24

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">

Répondre à Nico

2

 nEm3sis, le 16 nov 2007 à 11:06:59

Td { border-width: medium; border-style: outset; }
ceci selection les td

table table td { border-width: medium; border-style: outset; }
ceci selectionne les td qui sont a l'intérieur d'un tableau qui est lui mm a l'intérieur d'un tableau

sinon tu utilise un nom de classe pour désigner ces cases

Répondre à nEm3sis
Collection CommentÇaMarche.net