[Abonnement Twitter] [Page officielle FaceBook du lycée] [Page FaceBook BTS CIM] [Abonnement flux RSS] [Infos] [Nous contacter] [Quoi de neuf] [Recherche] [Accueil]

Lycée du Pays de Soule

Formations générales, scientifiques, technologiques & microtechniques Quoi de neuf sur le site ???

Modèles de styles

Les tableaux

<table> : tableau par défaut

Titres en gras. Titres centrés
horizontalement
et verticalement.
Titres
sur fond de couleur
Données calées
en haut et à gauche
Bordure 1 pixel noir. Largeur du tableau
dans
les
cellules.
Bordures collabées
(pas d'espace entre les bordures).
qui s'adapte en fonction
Police normale. Fond transparent partout. des données.
<p> </p> permet
de mettre en retrait
le texte :

Texte en retrait
avec marge à gauche et à droite...

<table>
  <tr>
    <th> Titres en gras. </th>
    <th> Titres centrés<br />horizontalement<br /> et verticalement.</th>
    <th> Titres<br />sur fond de couleur </th>
  </tr>
  <tr>
    <td> Données calées<br />en haut et à gauche </td>
    <td> Bordure 1 pixel noir. </td>
    <td> Largeur du tableau </td>
  </tr>
  <tr>
    <td> dans<br />les<br />cellules. </td>
    <td> Bordures collabées<br />(pas d'espace entre les bordures). </td>
    <td> qui s'adapte en fonction </td>
  </tr>
  <tr>
    <td> Police normale. </td>
    <td> Fond transparent partout. </td>
    <td> des données.<br />&lt;p&gt; &lt;/p&gt; permet<br />de mettre en retrait<br />
    le texte :<p>Texte en retrait<br />avec marge à gauche et à droite...</p> </td>
  </tr>
</table>
  

<table class="style_tableau_0000">

Reprend le style par défaut en supprimant les bordures.

Titres en gras. Titres centrés
horizontalement.
Titres
centrés
verticalement.
Données calées
en haut et à gauche
Aucune bordure. Largeur du tableau
dans
les
cellules.
Bordures collabées
(pas d'espace entre les bordures).
qui s'adapte en fonction
Police normale. Fond transparent partout. des données.
<p> </p> permet
de mettre en retrait
le texte :

Texte en retrait
avec marge à gauche et à droite...

<table class="style_tableau_0000">
  <tr>
    <th> Titres en gras. </th>
    <th> Titres centrés<br />horizontalement. </th>
    <th> Titres<br />centrés<br />verticalement. </th>
  </tr>
  <tr>
    <td> Données calées<br />en haut et à gauche </td>
    <td> <strong class="fond_couleur01">Aucune bordure.</strong> </td>
    <td> Largeur du tableau </td>
  </tr>
  <tr>
    <td> dans<br />les<br />cellules. </td>
    <td> Bordures collabées<br />(pas d'espace entre les bordures). </td>
    <td> qui s'adapte en fonction </td>
  </tr>
  <tr>
    <td> Police normale. </td>
    <td> Fond transparent partout. </td>
    <td> des données.<br />&lt;p&gt; &lt;/p&gt; permet<br />de mettre en retrait<br />
    le texte :<p>Texte en retrait<br />avec marge à gauche et à droite...</p> </td>
  </tr>
</table>
  

<table class="style_tableau_0100">

Reprend le style par défaut en supprimant les bordures et en élargissant le tableau à 100% de la largeur de la zone affichable.

Titres en gras. Titres centrés
horizontalement.
Titres
centrés
verticalement.
Données calées en haut et à gauche Aucune bordure. Largeur du tableau
dans
les
cellules.
Bordures collabées
(pas d'espace entre les bordures).
à 100% de la largeur
Police normale. Fond transparent partout. de la zone affichable.
<p> </p> permet
de mettre en retrait
le texte :

Texte en retrait
avec marge à gauche et à droite...

<table class="style_tableau_0100">
  <tr>
    <th> Titres en gras. </th>
    <th> Titres centrés<br />horizontalement. </th>
    <th> Titres<br />centrés<br />verticalement. </th>
  </tr>
  <tr>
    <td> Données calées en haut et à gauche </td>
    <td> <strong class="fond_couleur01">Aucune bordure.</strong> </td>
    <td> Largeur du tableau </td>
  </tr>
  <tr>
    <td> dans<br />les<br />cellules. </td>
    <td> Bordures collabées<br />(pas d'espace entre les bordures). </td>
    <td> à <strong class="fond_couleur01">100% de la largeur</strong> </td>
  </tr>
  <tr>
    <td> Police normale. </td>
    <td> Fond transparent partout. </td>
    <td> des données.<br />&lt;p&gt; &lt;/p&gt; permet<br />de mettre en retrait<br />
    le texte :<p>Texte en retrait<br />avec marge à gauche et à droite...</p> </td>
  </tr>
</table>
  

<table class="style_tableau_0111">

Reprend le style par défaut en supprimant les bordures, en élargissant le tableau à 100% de la largeur de la zone affichable et en centrant les données verticalement et horizontalement dans les cellules..

Titres en gras. Titres centrés
horizontalement.
Titres
centrés
verticalement.
Données centrées
verticalement et horizontalement
Aucune bordure. Largeur du tableau
dans
les
cellules.
Bordures collabées
(pas d'espace entre les bordures).
à 100% de la largeur
Police normale. Fond transparent partout. de la zone affichable.
<p> </p> permet
de mettre en retrait
le texte :

Texte en retrait
avec marge à gauche et à droite...

<table class="style_tableau_0111">
  <tr>
    <th> Titres en gras. </th>
    <th> Titres centrés<br />horizontalement. </th>
    <th> Titres<br />centrés<br />verticalement. </th>
  </tr>
  <tr>
    <td> Données <strong class="fond_couleur01">centrées<br />verticalement et horizontalement</strong> </td>
    <td> <strong class="fond_couleur01">Aucune bordure.</strong> </td>
    <td> Largeur du tableau </td>
  </tr>
  <tr>
    <td> dans<br />les<br />cellules. </td>
    <td> Bordures collabées<br />(pas d'espace entre les bordures). </td>
    <td> à <strong class="fond_couleur01">100% de la largeur</strong> </td>
  </tr>
  <tr>
    <td> Police normale. </td>
    <td> Fond transparent partout. </td>
    <td> des données.<br />&lt;p&gt; &lt;/p&gt; permet<br />de mettre en retrait<br />
    le texte :<p>Texte en retrait<br />avec marge à gauche et à droite...</p> </td>
  </tr>
</table>
  

<table class="style_tableau_1100">

Reprend le style par défaut en élargissant le tableau à 100% de la largeur de la zone affichable (mais cette fois en gardant les bordures).

Titres en gras. Titres centrés
horizontalement.
Titres
centrés
verticalement.
Données calées à gauche
mais centrées
verticalement
Bordure fine
(1px noir).
Largeur du tableau
dans
les
cellules.
Bordures collabées
(pas d'espace entre les bordures).
à 100% de la largeur
Police normale. Fond transparent partout. de la zone affichable.
<p> </p> permet
de mettre en retrait
le texte :

Texte en retrait
avec marge à gauche et à droite...

<table class="style_tableau_1100">
  <tr>
    <th> Titres en gras. </th>
    <th> Titres centrés<br />horizontalement. </th>
    <th> Titres<br />centrés<br />verticalement. </th>
  </tr>
  <tr>
    <td> Données calées à gauche<br />mais centrées<br />verticalement </td>
    <td> Bordure fine<br />(1px noir). </td>
    <td> Largeur du tableau </td>
  </tr>
  <tr>
    <td> dans<br />les<br />cellules. </td>
    <td> Bordures collabées<br />(pas d'espace entre les bordures). </td>
    <td> à  <strong class="fond_couleur01">100% de la largeur</strong> </td>
  </tr>
  <tr>
    <td> Police normale. </td>
    <td> Fond transparent partout. </td>
    <td> des données.<br />&lt;p&gt; &lt;/p&gt; permet<br />de mettre en retrait<br />
    le texte :<p>Texte en retrait<br />avec marge à gauche et à droite...</p> </td>
  </tr>
</table>
  

<table class="style_tableau_1011">

Reprend le style par défaut en centrant les données verticalement et horizontalement dans les cellules.

Titres en gras. Titres centrés
horizontalement.
Titres
centrés
verticalement.
Données
centrées
verticalement
et horizontalement
Bordure fine
(1px noir).
Largeur du tableau
dans
les
cellules.
Bordures collabées
(pas d'espace entre les bordures).
qui s'adapte en fonction
Police normale. Fond transparent partout. des données.
<p> </p> permet
de mettre en retrait
le texte :

Texte en retrait
avec marge à gauche et à droite...

<table class="style_tableau_1011">
  <tr>
    <th> Titres en gras. </th>
    <th> Titres centrés<br />horizontalement. </th>
    <th> Titres<br />centrés<br />verticalement. </th>
  </tr>
  <tr>
    <td> Données<br /><strong class="fond_couleur01">centrées<br />verticalement<br />et horizontalement</strong> </td>
    <td> Bordure fine<br />(1px noir). </td>
    <td> Largeur du tableau </td>
  </tr>
  <tr>
    <td> dans<br />les<br />cellules. </td>
    <td> Bordures collabées<br />(pas d'espace entre les bordures). </td>
    <td> qui s'adapte en fonction </td>
  </tr>
  <tr>
    <td> Police normale. </td>
    <td> Fond transparent partout. </td>
    <td> des données.<br />&lt;p&gt; &lt;/p&gt; permet<br />de mettre en retrait<br />
    le texte :<p>Texte en retrait<br />avec marge à gauche et à droite...</p> </td>
  </tr>
</table>
  

<table class="style_tableau_1111">

Reprend le style par défaut en centrant les données verticalement et horizontalement dans les cellules et en élargissant le tableau à 100% de la largeur de la zone affichable.

Titres en gras. Titres centrés
horizontalement.
Titres
centrés
verticalement.
Données centrées verticalement et horizontalement Bordure fine
(1px noir).
Largeur du tableau
dans
les
cellules.
Bordures collabées
(pas d'espace entre les bordures).
à 100% de la largeur
Police normale. Fond transparent partout. de la zone affichable.
<p> </p> permet
de mettre en retrait
le texte :

Texte en retrait
avec marge à gauche et à droite...

<table class="style_tableau_1111">
  <tr>
    <th> Titres en gras. </th>
    <th> Titres centrés<br />horizontalement. </th>
    <th> Titres<br />centrés<br />verticalement. </th>
  </tr>
  <tr>
    <td> Données <strong class="fond_couleur01">centrées verticalement et horizontalement</strong> </td>
    <td> Bordure fine<br />(1px noir). </td>
    <td> Largeur du tableau </td>
  </tr>
  <tr>
    <td> dans<br />les<br />cellules. </td>
    <td> Bordures collabées<br />(pas d'espace entre les bordures). </td>
    <td> à <strong class="fond_couleur01">100% de la largeur</strong> </td>
  </tr>
  <tr>
    <td> Police normale. </td>
    <td> Fond transparent partout. </td>
    <td> des données.<br />&lt;p&gt; &lt;/p&gt; permet<br />de mettre en retrait<br />
    le texte :<p>Texte en retrait<br />avec marge à gauche et à droite...</p> </td>
  </tr>
</table>
  

[Valid XHTML 1.0 Strict] [Valid CSS] [Valid RSS]