[Faire des tableaux->5001#tab] [présenter un article avec des tableaux->5001#artab] [Des explications générales sur les tableaux : http://www.infini-fr.com/Sciences/Informatique/Reseaux/Internet/WorldWideWeb/Html/tableaux.html -> http://www.infini-fr.com/Sciences/Informatique/Reseaux/Internet/WorldWideWeb/Html/tableaux.html]
Faire des tableaux
Voir des indications ici : http://modif.over-blog.com/article-1383295.html
Mettre des photos avec un tableau
C’est tout simple, il suffit de faire ceci
|<doc1>|<doc2>|<doc3>|
Ne pas oublier le trait vertical |
On l’obtient au clavier en faisant AltGR+6
Il vaut mieux ne pas dépasser 3 photos.
C’est mieux si les trois photos ont la même hauteur
Si on souhaite que ces photos soient centrées dans la page, il faut mettre une boite(= div) qui soit centrée (align=« center ») donc écrire ceci :
<div align="center">
|<doc1>|<doc2>|<doc3>|
</div>
Pour présenter un article avec des tableaux
Vous souhaitez faire une page avec un jeu de colonnes. Voir par exemple page 1
1) Recopiez le code (Edition/copier) se trouvant dans le cadre grisé ci-dessous
2) Ouvrez un nouvel article dans votre site
3) Collez (Edition/coller) le contenu du cadre
Vous aurez alors la présentation type (voir en bas de page)
N’oubliez pas de valider.
Puis vous pouvez modifier à votre guise !
Cela donne alors ceci :
Ceci est la premiere partie du texte hhmmmmmm r iiiii tttt oooo Et voici la deuxieme partie partie partie partie partie.
La troisieme partie est ici ici ici ici ici ici ici ici ici. |
Titre en bleutexte texte texte textetvvvv mmmmma bbbbb heuti ejzogrot hu tuidop ggggggggg eeeeejkkkkk ghaiele getegejle Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris consequat vulputate sem. Etiam nec nisl. Morbi mauris eros, tempus
non, accumsan eu, tristique vel, lacus. Sed tincidunt sem sit amet ante. Sed pede est, ultrices ac, molestie in, tincidunt quis, justo. Sed quam. Quisque ut diam non ipsum dignissim nonummy. Mauris augue augue, dapibus at, vulputate vel, porttitor nec, libero. Sed accumsan. Pellentesque suscipit consequat urna. Nunc eget dolor sit amet enim suscipit pharetra. Proin mattis tortor eget nisi.
|
Dernier articleTexte texte 4 texte 4 texte 4 texte 4 texte 4 texte 4 texte 4 texte 4
Texte texte 5 texte 5eeyeyeyeyeyey fffffaudht ehf iozn gehel gejkemen ejjeje, kklùe Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris consequat vulputate sem. Etiam nec nisl. Morbi mauris eros, tempus non, accumsan eu, tristique vel, lacus. Sed tincidunt sem sit amet ante. Sed pede est, ultrices ac, molestie in, tincidunt quis, justo. Sed quam. Quisque ut diam non ipsum dignissim nonummy. Mauris augue augue, dapibus at, vulputate vel, porttitor nec, libero. Sed accumsan. Pellentesque suscipit consequat urna. Nunc eget dolor sit amet enim suscipit pharetra. Proin mattis tortor eget nisi.
|
En bref...
|
Un tableau tout simple en deux lignes et trois colonnes
<table width="600" cellspacing="2" cellpadding="2" border="1" align="">
<tbody>
<tr>
<td>aaa</td>
<td>bbb</td>
<td>ccc</td>
</tr>
<tr>
<td>ddd</td>
<td>eee</td>
<td>kkk</td>
</tr>
</tbody>
</table>
Cela donne ceci :
aaa | bbb | ccc |
ddd | eee | kkk |
td correspond aux colonnes
tr correspond aux lignes
th correspond aux titres des colonnes
caption correspond au titre du tableau
Si on met
- <td>eee</td> alors le texte eee est aligné à gauche
- <td align="center">kkk</td> alors le texte kkk est centré
Voir des indications : http://openweb.eu.org/articles/tableaux_css/
Exemple :
<table summary="exemple de structure d'un tableau de données" border="1">
<caption>Tableau de données</caption>
<tr>
<th>Titre colonne 1</th>
<th>Titre colonne 2</th>
</tr>
<tr>
<td>cellule A1</td>
<td>cellule B1</td>
</tr>
<tr>
<td>cellule A2</td>
<td>cellule B2</td>
</tr>
</table>
Cela donne ceci :
Titre colonne 1 | Titre colonne 2 |
---|---|
cellule A1 | cellule B1 |
cellule A2 | cellule B2 |
Autres indications :
ici : http://www.spip-contrib.net/Article-sur-2-colonnes?
mais je n’ai pas essayé