Formatage tableau
caro777
Messages postés
147
Statut
Membre
-
caro777 Messages postés 147 Statut Membre -
caro777 Messages postés 147 Statut Membre -
salut tt le monde,
bon voila je me prends la tête depuis ce matin sur mon code sans réponse, en effet j'ai du mal à comprendre la hierarchie et la fonction de <td><div><table><tr><class>...je vois vaguement mais comment hierarchiser tt ca....
enfin voila j'aimerai avoir un bloc de couleur (et non la couleur de fond du texte sinon ca s'arrète trop tôt)
Dans ce bloc il y a un titre (je suppose qu'il faut faire un autre bloc) qui a un autre fond de couleur....
le reste c les titres de mon sommaire...
ce qui est compliqué c'est mettre une bordure avec de l'espace par rapport au bord. cela fait une double bordure...
est ce que vous pouvez me dire quelle structure employer et lorsqu'il faut faire appel à la css ou sinon ou mettre les paramétres (dans table, td....)
grd merci pr tt ceux qui pourront m'aider
bon voila je me prends la tête depuis ce matin sur mon code sans réponse, en effet j'ai du mal à comprendre la hierarchie et la fonction de <td><div><table><tr><class>...je vois vaguement mais comment hierarchiser tt ca....
enfin voila j'aimerai avoir un bloc de couleur (et non la couleur de fond du texte sinon ca s'arrète trop tôt)
Dans ce bloc il y a un titre (je suppose qu'il faut faire un autre bloc) qui a un autre fond de couleur....
le reste c les titres de mon sommaire...
ce qui est compliqué c'est mettre une bordure avec de l'espace par rapport au bord. cela fait une double bordure...
est ce que vous pouvez me dire quelle structure employer et lorsqu'il faut faire appel à la css ou sinon ou mettre les paramétres (dans table, td....)
grd merci pr tt ceux qui pourront m'aider
A voir également:
- Formatage tableau
- Tableau word - Guide
- Formatage pc - Guide
- Formatage clé usb - Guide
- Trier un tableau excel - Guide
- Code ascii tableau - Guide
3 réponses
la hierarchie d'un tableau
<table> c'est le tableau lui même </table>
<tr> c'est une ligne </tr>
<td></td> c'est une colonne
ce qui donne
<table>
<tr>
<td> colonne 1</td><td>colonne 2</td>
</tr>
etc...
</table>
après dans les balises tu mets ta mise en forme
<div> </div> c'est un "calque" auquel tu peux appliquer une mise en forme aussi avec du CSS, c'est une autre methode
Vas voir là:
htmltable
ou là:
http://www.allhtml.com/articles/detail/369
<table> c'est le tableau lui même </table>
<tr> c'est une ligne </tr>
<td></td> c'est une colonne
ce qui donne
<table>
<tr>
<td> colonne 1</td><td>colonne 2</td>
</tr>
etc...
</table>
après dans les balises tu mets ta mise en forme
<div> </div> c'est un "calque" auquel tu peux appliquer une mise en forme aussi avec du CSS, c'est une autre methode
Vas voir là:
htmltable
ou là:
http://www.allhtml.com/articles/detail/369
caro777
Messages postés
147
Statut
Membre
19
merci bcp.... :-)
Bon il faut bien diviser le problème :
- le code HTML permet de faire la mise en page, entre autres en créant des tableaux
- le code HTML peut recevoir des options pour spécifier certains aspects de la mise en page (taille, couleur, alignement, espacement)
- toutefois ces aspects de mise en pages sont plutôt à mettre dans un fichier CSS.
HTML :
Pour créer un tableau les balises sont TOUJOURS dans cet ordre :
Pour plus de détails :
http://www.allhtml.com/articles/detail/369
Tu peux ensuite englober ce tableau dans un calque (div) en vue de lui appliquer un style de ta CSS
A noter que certaines options (pour fusionner des cellules par colonne ou par ligne) peuvent tout à fait être ajouter (cf colspan et rowspan http://www.aliasdmc.fr/balise/zone_html_td1.html )
Dans ton cas les espacements peuvent être aussi précisés (même si on peut le faire plutôt dans le CSS ce qui est mieux) :
http://laurent.petitprez.free.fr/didacticiel.php?l=html-15
CSS :
http://www.w3schools.com/css/css_reference.asp
http://www.w3.org/TR/CSS21/tables.html
Bonne chance
- le code HTML permet de faire la mise en page, entre autres en créant des tableaux
- le code HTML peut recevoir des options pour spécifier certains aspects de la mise en page (taille, couleur, alignement, espacement)
- toutefois ces aspects de mise en pages sont plutôt à mettre dans un fichier CSS.
HTML :
Pour créer un tableau les balises sont TOUJOURS dans cet ordre :
<table> <tr><td> ligne 1,colonne 1 </td><td> ligne 1,colonne 2 </td></tr> <tr><td> ligne 2,colonne 1 </td><td> ligne 2,colonne 2 </td></tr> </table>
Pour plus de détails :
http://www.allhtml.com/articles/detail/369
Tu peux ensuite englober ce tableau dans un calque (div) en vue de lui appliquer un style de ta CSS
<div class="tableau"> <table> <tr><td> ligne 1,colonne 1 </td><td> ligne 1,colonne 2 </td></tr> <tr><td> ligne 2,colonne 1 </td><td> ligne 2,colonne 2 </td></tr> </table> </div>
A noter que certaines options (pour fusionner des cellules par colonne ou par ligne) peuvent tout à fait être ajouter (cf colspan et rowspan http://www.aliasdmc.fr/balise/zone_html_td1.html )
Dans ton cas les espacements peuvent être aussi précisés (même si on peut le faire plutôt dans le CSS ce qui est mieux) :
http://laurent.petitprez.free.fr/didacticiel.php?l=html-15
CSS :
http://www.w3schools.com/css/css_reference.asp
http://www.w3.org/TR/CSS21/tables.html
Bonne chance
merci pour tte ces précisions.... je vais jeter un coup d'oeil sur tt ca....juste une chose ... ta div peux englober des colonnes ou meme tt le tableau??? mais alors quelle est la différence avec le fait de mettre :
<table ....ts les paramétres>
et <div class="">
<table>
qd il s'agit de taille, fond de couleur, police... qd faut-il les mettre dans la css??? est ce qu'il ne faut jamais avoir ces infos dans la page???
<table ....ts les paramétres>
et <div class="">
<table>
qd il s'agit de taille, fond de couleur, police... qd faut-il les mettre dans la css??? est ce qu'il ne faut jamais avoir ces infos dans la page???
Un div peut englober un tableau mais pas juste une colonne / cellule. Un div permet en particulier de préciser la classe CSS à laquelle se rattache ton tableau. Il est équivalent en terme de rendu de préciser tous les attributs du tableau dans la balise <table> qu'au travers d'une classe CSS.
L'avantage d'utiliser la classe CSS est de pouvoir appliquer un style sur plusieurs table très facilement, et d'adapter ce style facilement le jour où tu voudras le modifier (il suffira de changer juste la classe CSS et pas chaque <table>). C'est pourquoi de nos jours on privilégie la méthode CSS.
Bonne chance
L'avantage d'utiliser la classe CSS est de pouvoir appliquer un style sur plusieurs table très facilement, et d'adapter ce style facilement le jour où tu voudras le modifier (il suffira de changer juste la classe CSS et pas chaque <table>). C'est pourquoi de nos jours on privilégie la méthode CSS.
Bonne chance
