Les bordures n'apparaissent pas

**jmde** · 05/11/2008, 16h05

Bonjour,

J'ai converti un document Excel en html, et je n'arrive pas à faire apparaitre les bordures des cellules

Je joins une partie du code:

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=iso-8859-1" /> 
<title>Document sans nom</title> 
</head>   
<body> 
<TABLE FRAME=VOID CELLSPACING=0 COLS=7 RULES=GROUPS  border =2 bordercolor=red>
<COLGROUP>
<COL WIDTH=140 /><COL WIDTH=156 /><COL WIDTH=74 /><COL WIDTH=182 /><COL WIDTH=136 /><COL WIDTH=115 /><COL WIDTH=107 />
</COLGROUP>
<TBODY>
<TR>
<TD HEIGHT=25 ALIGN=CENTER VALIGN=MIDDLE BGCOLOR="#FFFF00"><I><FONT FACE="Franklin Gothic Medium" SIZE=4 COLOR="#333399">Description</FONT></I></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE BGCOLOR="#FFFF00"><I><FONT FACE="Franklin Gothic Medium" SIZE=4 COLOR="#333399">Dates : du  -  au :</FONT></I></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE BGCOLOR="#FFFF00"><I><FONT FACE="Franklin Gothic Medium" SIZE=4 COLOR="#333399">Prix</FONT></I></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE BGCOLOR="#FFFF00" SDNUM="1033;0;@"><I><FONT FACE="Franklin Gothic Medium" SIZE=4 COLOR="#333399">Inscription du - au :</FONT></I></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE BGCOLOR="#FFFF00" SDNUM="1033;0;@"><I><FONT FACE="Franklin Gothic Medium" SIZE=4 COLOR="#333399">Lieu</FONT></I></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE BGCOLOR="#FFFF00" SDNUM="1033;0;@"><I><FONT FACE="Franklin Gothic Medium" SIZE=4 COLOR="#333399">Observations</FONT></I></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE BGCOLOR="#FFFF00" SDNUM="1033;0;@"><I><FONT FACE="Franklin Gothic Medium" SIZE=4 COLOR="#333399">Pr&eacute;par&eacute; par:</FONT></I></TD>
</TR>
</TBODY>
</TABLE>
 
</body> </html>

Merci pour votre aide.

Salutations

**HiRoN** · 05/11/2008, 16h35

Salut,

La construction de ton tableau n'est pas bonne au vu du Doctype que tu utilises (XHTML 1.1 Trans), je t'invite à suivre ce lien pour faire une construction correcte (certaines propriétés ne sont pas valides pour du xhtml, balises en majuscules etc...)

Pour l'affichage des bordures, as-tu tenté mettre sur tes balises <td> :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

style="border:1px solid black;"

(bien qu'il y est bons nombres de choses à revoir)

**surfsilver** · 05/11/2008, 17h08

Salut,

Donc, au vue du code il y a pas mal d'erreur dont l'attribue bordercolor
qui n'est plus valide à ma connaissance.

Personnellement j'aurai codé de cette manière pour rester dans ton code.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<table cellspacing="0" border="0" style="border:2px solid red">

Toujours est-il qu'il existe une manière de faire plus élégante avec des 'div'
mais sans doute l'usage des tables est justifié.

Cordialement.

**HiRoN** · 05/11/2008, 17h16

Personnellement j'aurai codé de cette manière pour rester dans ton code.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<table cellspacing="0" border="0" style="2px solid red;">

En faisant ceci, tu appliques une bordure à la <table> et non aux cellules comme il le demande...

Donc, au vue du code il y a pas mal d'erreur

Rien à redire la dessus. Pas mal de choses à revoir en effet...

**surfsilver** · 05/11/2008, 17h24

Oops, mauvaise lecture du poste initial.

Dans ce cas une chose à faire : styliser les cellules.

Soit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<td style="border:1px solid red"></td>

Ou plus jolie

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<style type="text/css">
td { border:1px solid red; }
</style>

Mais comme dit précédemment on peut mieux faire.
À mon avis il vaudrait mieux coder cette table entièrement à la main, voir à
faire un parseur pour automatiser la tâche et ne pas laisser Excel ou tout
autre programme de tabloïd faire l'encodage à leur sauce sinon sa restera
toujours moche et prise de tête.

**GihefBey** · 05/11/2008, 23h15

Bonjour,

Essaye

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<table cellspacing="0" cols="7" rules="groups" border="2">

Mais, vraiment, suis les conseils qu'on t'a déjà donnés.
Passe à autre chose, autrement. Utilise des CSS.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type"content="text/html; charset=iso-8859-1" /> 
<title>Document sans nom</title>
  <style type="text/css">
  table {
    text-align : center;
    vertical-align : middle;
    background-color : #ff0;
    font : italic 1.1em "Franklin Gothic Medium", serif;
    color : #339;
    border : 2px solid #f00;
    }
  </style>
</head>   
<body> 
  <table cellspacing="0" rules="groups">
    <colgroup>
      <col width="140">
      <col width="156">
      <col width="74">
      <col width="182">
      <col width="136">
      <col width="115">
      <col width="107">
    </colgroup>
    <tbody>
      <tr>
        <td>Description</td>
        <td>Dates : du  -  au :</td>
        <td>Prix</td>
        <td>Inscription du - au :</td>
        <td>Lieu</td>
        <td>Observations</td>
        <td>Préparé par:</td>
      </tr>
    </tbody>
  </table>
 
</body>
</html>

Microsoft travaille pour Microsoft.
Ne laisse pas à Excel (ni Word) le soin de fabriquer tes pages web.
À moins que tu souhaites continuer à créer des problèmes dans ton code ou que tu veuilles ne t'adresser qu'à une partie des internautes, les utilisateurs de Windows avec IE exclusivement.

-

**jmde** · 06/11/2008, 11h25

Bonjour,

Merci à tous pour vos bons conseils, et je vais opter pour la création entière de ma page.

Grâce au forum j'ai appris beaucoup, et mon petit niveau me permet de m'occuper d'un petit site d'une association, aussi j'ai un conseil à vous demander pour savoir quel DOCTYPE je dois utiliser exactement ? en sachant quà terme j'aimerais publier le site.

Salutations.

Les bordures n'apparaissent pas

HTML

Vue hybride

Discussions similaires

Partager

Partager