Formatage tableau
Fermé
caro777
Messages postés
139
Date d'inscription
vendredi 17 août 2007
Statut
Membre
Dernière intervention
14 septembre 2012
-
21 août 2007 à 16:02
caro777 Messages postés 139 Date d'inscription vendredi 17 août 2007 Statut Membre Dernière intervention 14 septembre 2012 - 23 août 2007 à 09:14
caro777 Messages postés 139 Date d'inscription vendredi 17 août 2007 Statut Membre Dernière intervention 14 septembre 2012 - 23 août 2007 à 09:14
A voir également:
- Formatage tableau
- Tableau croisé dynamique - Guide
- Tableau ascii - Guide
- Tableau word - Guide
- Trier tableau excel - Guide
- Formatage pc - 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
mamiemando
Messages postés
33410
Date d'inscription
jeudi 12 mai 2005
Statut
Modérateur
Dernière intervention
2 décembre 2024
7 808
21 août 2007 à 16:18
21 août 2007 à 16:18
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
caro777
Messages postés
139
Date d'inscription
vendredi 17 août 2007
Statut
Membre
Dernière intervention
14 septembre 2012
19
21 août 2007 à 16:23
21 août 2007 à 16:23
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???
mamiemando
Messages postés
33410
Date d'inscription
jeudi 12 mai 2005
Statut
Modérateur
Dernière intervention
2 décembre 2024
7 808
22 août 2007 à 14:24
22 août 2007 à 14:24
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
caro777
Messages postés
139
Date d'inscription
vendredi 17 août 2007
Statut
Membre
Dernière intervention
14 septembre 2012
19
23 août 2007 à 09:14
23 août 2007 à 09:14
merci :-)
21 août 2007 à 16:18