Les bordures n'apparaissent pas

Version imprimable

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:

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

05/11/2008, 16h35
HiRoN

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:

style="border:1px solid black;"

(bien qu'il y est bons nombres de choses à revoir)
05/11/2008, 17h08
surfsilver

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:

<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.
05/11/2008, 17h16
HiRoN

Citation:

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

Code:

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

Citation:

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

Rien à redire la dessus. Pas mal de choses à revoir en effet...
05/11/2008, 17h24
surfsilver
Oops, mauvaise lecture du poste initial.

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

Soit :

Code:

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

Ou plus jolie
Code:

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.

Bonjour,

Essaye

Code:

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:

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.

-

06/11/2008, 11h25
jmde

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.
06/11/2008, 11h30
HiRoN

DocType :

- Explication
- Utilisation

Tout dépend de ta façon de coder, en fonction du DocType choisit la validité de certaines propriétés peut-être remise en cause.
Personnellement, je te conseillerai le xHTML 1.0 Transitionnal, qui permet un peu + de souplesse que du Strict (surtout si tu débutes ;) ).
09/11/2008, 16h32
jmde
Bonjour

Je progresse dans mon tableau et j’ai passé ma feuille au validateur, est bien sur j’ai pas mal d’erreurs dont celle-ci que je n’arrive pas à corriger.
Code:

1 2 3 Code :  <img class="Sigle" src="../Outils/Logo/Logo.gif" alt="" width="200" height="200" />
Code:

1 2 3 Erreur: Line 131, Column 95: document type does not allow element “img”!!!! …if" alt="" width="200" height="200" />
De même la balise marquee ne passe pas au validateur, comment faire un défilement de texte qui passe le validateur ?

Salutations.
10/11/2008, 20h41
GihefBey

Renseigne le alt.

Citation:

"Pour l'attribut alt= entrez une alternative en texte pour le cas où le graphique ne peut être affiché. Il existe de nombreuses raisons pour lesquelles un graphique ne peut pas être affiché; par exemple, parce que l'utilisateur a désactivé l'affichage de graphiques dans son navigateur, ou bien parce que l'utilisateur a interrompu le chargement de la page avant que le graphique ne soit transmis. L'alternative en texte peut être un simple mot mais peut être aussi un court descriptif comme par exemple:
<img src="vuedavion.jpg alt="vue aérienne du terrain du 27/05/2001 à environ 300m d'altitude">
L'attribut alt est obligatoire d'après le standard HTML.”

marquee n'est pas du HTML officiel.
Tourne-toi vers Javascript.

-