Accès rapide : Aller au contenu de l'article |  Aller au menu |  Liste complète des articles  |  Aide  |  Contact |
bandeau

Accueil > Aides pour les nuls > Article en tableaux

Article en tableaux

FTP : installation et usage

Faire des tableaux
Présenter un article avec des tableaux

Des explications générales sur les tableaux :

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 :

Votre dessin ou bandeau

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 bleu

texte 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 article

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

texte aligné à droite avec lien hypertexte :
23 décembre
 :

Loi DADvSI 2e Round : GONG !


 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 :

Tableau de données
Titre colonne 1 Titre colonne 2
cellule A1 cellule B1
cellule A2 cellule B2

 Autres indications :

Des idées simples ici

ici : http://www.spip-contrib.net/Article-sur-2-colonnes?

mais je n’ai pas essayé