| | Apprendre à faire un tableau |  |
|
| Auteur | Message |
|---|
Roxy ♪
Messages : 606
Date d'inscription : 27/09/2011
Age : 25
 | Sujet: Apprendre à faire un tableau  Sam 8 Oct - 18:05 | |
| Bonjour je vais vous montrez comment faire un tableau. - Citation :
- Bon pour ne pas passez trop de temps ici je vous donne directement le code que vous copierez :p .Nous le verrons en détail après.
Voilà donc le code qui est en effet tout petit :D
- Code:
-
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="test.css" /> <table class="moder"><tr><td><center>Le message</center></td></tr></table>
/!\N'oublier pas de modifier le nom de la ligne attribuer au css par le nom du fichier que vous lui aurait donner. La j'ai mis test.css ! =)/!\
Donc la pour l'exemple je l'ai mis au milieu. Bien sur vous pouvez mettre à gauche en supprimant simplement les balises .
Et bien sur pour faire plus JOLIE, voici le css qui va avec :
- Code:
-
.moder {
background: white;
border-radius: 50px;
border: 2px double red;
color: black;
font-weight: arial;
width: 15%
height: 50%;
margin: auto;
}
Pour ici j'ai mis un css classique que nous allons bien sur modifier ;)
Nous allons donc maintenant passez à l'observation du css.
-Le fond
- Code:
-
background: #353535;
Pour modifier la couleur de fond il vous suffit tout simplement de modifier le code #353535 . Surtout ne supprimer pas le ; !!! ;)
-Les arrondis
Cette attribut permet d'arrondir les coins du tableau. Bien sur si vous voulez qu'il reste rectangle supprimer ceci
- Code:
-
border-radius: 50px;
Donc pour arrondir il suffit de changer le 50 par un autre chiffre. Je vous laisse donc faire différent essaye pour voir le résultat ;)
-Largeur du trait et couleur
- Code:
-
border: 2px double red;
Pour changer la taille vous devrez donc modifier le 2, mais je vous conseille de rester la dessus car je vous laisse voir par vous même si vous mettez 5 par exemple ! :diable:
Pour modifier la couleur du trait vous devrez donc changer le red par une autre couleur. Bien sur si vous avez bien suivit les cours de css vous verrez qu'il faut toujours mettre la couleur en anglais ou alors mettre des chiffres pour une couleur plus précise comme pou le fond.
-Couleur du texte
- Code:
-
color: black;
La j'ai fait classique j'ai mis le texte en noir. Donc pareille pour modifier vous modifier le mot black. Après si vous voulez mettre que certains mots d'une couleur je vous redirige vers le tutoriel d'xhtml/css.
-La police
- Code:
-
font-weight: arial;
J'ai encore pris du classique pour l'exemple :ange: . Donc pour modifier la police il vous suffit de changer le arial. Mais bien sur toute les typo ne sont pas adapter pour le codage ;) .
-La taille du cadre
- Code:
-
width: 15%
height: 50%;
Pour modifier la largeur vous devez changer le 15% et donc pour la hauteur le 50% =). Donc résumer :
Bon je ne vais pas vous faire un cour d'anglais non plus ! :D
-Place du tableau
- Code:
-
margin: auto;
Grâce à cette attribut si vous essayer vous verrez que le tableau sera centrer. Pour supprimer le centrage vous devez donc effacer cette attribut.
>Bon et bien voilà le tutoriel est fini....
Je vous encourage fortement de lire d'abord les tutoriels de css et xhtml pour pouvoir faire tranquille le tuto.
Aperçu : - Spoiler:
Cordialement. tutoriel réaliser par roxy. toute copie doit mettre demander.
Dernière édition par Roxy ♪ le Sam 8 Oct - 18:30, édité 1 fois |
|
| | |
MisterKev
Messages : 832
Date d'inscription : 01/10/2011
Age : 26
| | Sujet: Re: Apprendre à faire un tableau Sam 8 Oct - 18:12 | |
| Merci du partage ^^ Un exemple peut-être ? ;P |
|
| | |
Roxy ♪
Messages : 606
Date d'inscription : 27/09/2011
Age : 25
| | Sujet: Re: Apprendre à faire un tableau Sam 8 Oct - 18:26 | |
| |
|
| | |
Chronos
Messages : 2289
Date d'inscription : 08/06/2011
Age : 27
| | Sujet: Re: Apprendre à faire un tableau Sam 8 Oct - 18:42 | |
| |
|
| | |
Ayael
Messages : 298
Date d'inscription : 15/10/2011
Age : 28
| | Sujet: Re: Apprendre à faire un tableau Sam 15 Oct - 13:12 | |
| o_O c'est complet! Omedetto! (bravo) |
|
| | |
Lauréa.
Messages : 388
Date d'inscription : 22/07/2011
| | Sujet: Re: Apprendre à faire un tableau Sam 15 Oct - 15:37 | |
| ouai complet :=)
Mais il y'a beaucoup beaucoup plus simple ;) :D |
|
| | |
Ayael
Messages : 298
Date d'inscription : 15/10/2011
Age : 28
| | Sujet: Re: Apprendre à faire un tableau Sam 15 Oct - 15:42 | |
| Effectivement^^" Moi si je devais présenter un tableau, j'aurais juste parler des td, tr, cospan, rowspan, et table XD |
|
| | |
Chronos
Messages : 2289
Date d'inscription : 08/06/2011
Age : 27
| | Sujet: Re: Apprendre à faire un tableau Sam 15 Oct - 16:28 | |
| - Oui ^^' sa rejoint un premier tutos ^^'
|
|
| | |
Mel'
Messages : 10
Date d'inscription : 07/04/2012
| | Sujet: Re: Apprendre à faire un tableau Sam 14 Juil - 7:26 | |
| Hello ! Super tuto', j'adore. Mais j'aimerais que lorsque je rajoute un bloc, il se mette à côté du premier, mais il se met toujours en dessous... Comment faire ? |
|
| | |
Roxy ♪
Messages : 606
Date d'inscription : 27/09/2011
Age : 25
| | Sujet: Re: Apprendre à faire un tableau Mar 24 Juil - 9:00 | |
| Tu utilise ce code : - Code:
-
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="test.css" /> <table class="moder"><tr><td><center>Le message</center></td><td><center>Le message</center></td></tr></table> Comme un tr est égale à une ligne, si tu en crée une autre elle ira automatiquement en dessous. ;) |
|
| | |
Contenu sponsorisé
| | Sujet: Re: Apprendre à faire un tableau | |
| |
|
| | |
| | Apprendre à faire un tableau | |
|
