|
|
Il y a actuellement 301 tutoriaux sur Aidoforum. Toute reproduction, partielle ou complète, est interdite.
Retour aux tutoriaux.
|
| HTML/CSS -> Créer un tableau simple |
La première balise à insérer pour la création d'un tableau est <table></table>
<tr> </tr> créera une nouvelle ligne alors que <td></td> créera une nouvelle colonne.
Voici par exemple un tableau simple :
<html>
<head>
<title>Tableau</title>
</head>
<body bgcolor="#FFFFFF">
<table width="100%" border="1" cellspacing="1" cellpadding="1" >
<tr>
<td>
<div align="center">Aidoforum.com </div> </td>
<td>
<div align="center">Membres</div> </td>
<td>
<div align="center">Posts</div> </td>
</tr>
</table>
</body>
</html>
|
Copiez / Collez le dans un éditeur Wysiwyg pour voir ce que ça donnera.
Il existe de nombreux attributs pour les tableaux, dont voici les plus courants :
border : Définit l'épaisseur de bordure du tableau. Pour que votre tableau n'ait pas de bordure, mettez border="0". Se combine généralement avec :
bordercolor : Détermine la couleur de la bordure ( ex : <table border="1" bordercolor="#000000"> donnera une bordure noire de 1 pixel ).
cellpadding : Spécifie l'espace, en pixels, entre la bordure et le contenu de la cellule ( une marge, en quelque sorte ).
cellspacing : Donne un espace entre les cellules
width : Spécifie la largeur d'une cellule ( ex : <table width="800"> ) en pixels.
height : Spécifie la hauteur d'une cellule ( ex : <table height="150"> ) en pixels.
bgcolor : Détermine la couleur de fond du tableau.
background : Spécifie le chemin de l'image de fond du tableau ( à utiliser sous la forme : <table background="http://url.jpg"> ).
colspan : pour fusionner un certain nombre ( que vous déterminez ) de cellules adjacentes sur une même ligne
rowspan : pour fusionner un certain nombre ( que vous déterminez ) cellules adjacentes sur une même colonne.
Vous pouvez, si vous êtes courageux, tout taper vous même, ou bien utiliser les éditeurs Wysiwyg pour faire le gros du travail à votre place, que vous pourrez ensuite modifier à votre guise.
| | Par Pouzy, le 24 Octobre 2004 à 16h04 |
| /!\ Vous devez être inscrit pour pouvoir commenter ce tutoriel, ou demander du support. /!\ |
|
|
|
|
|
|
