Tutos pour fiche Equideow - The Future Of Tomorrow - Spoiler Equideow


Spoiler, aide et astuces sur Equideow

Les tutos pour vos fiches



Un tableau peut être très utile pour organiser et présenter des informations.
Les fiches Equideow sont en grande partie construit avec des tableaux.

Le tableau que nous allons réaliser (Rendu sur la fiche de Fael) :

Les divins quotidiens

Bibliothéque de fiches

Les archives d'Equideow

Tutos pour vos fiches


Pour créer un tableau il faut utiliser les balises suivantes :
<table> <tbody> : Réprésente le contour du tableau
<tr> : Représente une ligne
<td> : Représente une cellule

Un tableau basique sera donc codé comme ceci :
<table> <tbody> <tr>
<td> Cellule </td>
</tr></table> </tbody>

On peut ajouter autant de cellule que l'on souhaite. il faudrat bien calculer la largeur de chaque cellule pour que le rendu soit optimal sur votre fiche.

Avec la balise style nous allons pouvoir personnaliser notre tableau :
Une balise style peut s'appliquer sur les balises table et td, on pourra y choisir la largeur et hauteur de notre tableau, la couleur de fond, du texte etc. ( Voir : Personnaliser avec Style)

- Commencons par la balise <table> :
<table style="background-color: #DAD97C;border: 1px solid #b0ae48;padding: 10px; text-align:center;display: block; margin: 0 auto;">

Les proprietés : display: block; margin: 0 auto; vont dire au tableau de ce placer automatiquement au milieu de votre présentation c'est pour cela que nous ne donnons pas d'insctructions sur la largeur et la hauteur.

- La première celulle <td> :
<td style="width:190px;"> <a href="https://thefutureoftomorrow.fr/divins-quotidien.php"> <img src="https://thefutureoftomorrow.fr/images/deco/divco.png" style="width: 100px;"><br />Les divins quotidiens</a> </td>

Avec le width, on indique que la cellule sera de 190 pixels de largeur (on laisse la hauteur en automatique). Dans notre balise nous allons ajouter notre texte, image et lien.

- Final
Nous ajoutons nos autre cellule avec le même style.
Voici le code de notre tableau terminé :

<table style="background-color: #DAD97C;border: 1px solid #b0ae48;padding: 10px; text-align:center;display: block; margin: 0 auto;"> <tbody><tr>

<td style="width:190px;"><a href="https://thefutureoftomorrow.fr/divins-quotidien.php"><img src="https://thefutureoftomorrow.fr/images/deco/divco.png" style="width: 100px;"><br />Les divins quotidiens</a></td>

<td style="width:190px;"><a href="https://thefutureoftomorrow.fr/bibliotheque-fiches.php?couleur=aucune&&theme=aucun"><img src="https://thefutureoftomorrow.fr/images/deco/biblioindex.png" style="width: 100px;"><br />Bibliothéque de fiches</a></td>

<td style="width:190px;"><a href="https://thefutureoftomorrow.fr/archives-equideow.php?annee=2005"><img src="https://thefutureoftomorrow.fr/images/deco/archiveindex.png" style="width: 100px;"><br />Les archives d'Equideow</a></td>

<td style="width:190px;"><a href="http://thefutureoftomorrow.fr/tuto-fiche.php"><img src="https://thefutureoftomorrow.fr/images/deco/Bureau-rtl.png" style="width: 100px;"><br />Tutos pour vos fiches</a></td>

</tr></tbody></table>