•• Cours de So.

Ok. Tu as un forum de test ?

Ok.

Le HTML permet de créer ta page, le css lui de lui donner un style, fond, couleur, bordure.... On peut aussi les mettre en HTML mais c'est beaucoup plus long et ça alourdit le code, donc plus facile de se tromper.

On va commencer par travaillé sur un petit HTML et un peu de CSS
Déjà tout est en anglais comme tu peux t'en douter. Donc fond = background.
Mais background comment tu peux en avoir différent on en utilise 2 le color et image.
Le code sera donc background-color: CODE DE LA COULEUR;

Le ";" est très important sans lui le code css ne marche pas.

Donc on va créer un truc très simple.
On va faire des descriptions de forum comme ici
Tout d'avord tu auras besoin d'un div qui te permettra de mettre un code css.

Code:

<div class="CODE CSS">CONTENU</div>

Tu l'as met dans pa > général > catégorie > tu cliques sur un forum et tu mets dans descriptions

Ensuite va dans > affichage > couleur > feuille de style
Et va créer un code CSS
Pour le créer tu dois toujours mettre un "." devant.
Donc par exemple
.css
{
background-image : url('URL DE L'IMAGE);
}

tu as compris ? Si oui fait ce que j'ai demandé

Hum... peux-tu mettre un autre fond d'un autre couleur car on voit rien

Ah, sinon ton code est bon, mais si tu as bien mis ton code ça modifiera que là où il y a marqué contenu, derrière tu auras un fond d'un autre couleur sur une fine bande

En faite dans la description du forum tu mets :

Code:

<div class="description">Contenu</div>

Et dans le css met ce que tu as mis met en mettant une couleur plutot style jaune pour que ça se voit. Car là je vois aucun changement

Super tu sais aussi faire les bordures.
Passe le code css

Ok. C'est vrai que tu peux aussi passer par le html. Bon je vois que tu as bien compris le truc. Les PA tu sais en faire ou pas du tout

Ok. Je te fais un truc dans la semaine car c'est un peu long à expliquer

Code:

[table border="1"]
[tr]
[td] [/td][td] [/td]
[/tr][tr]
[td] [/td][td] [/td]
[/tr][tr]
[td] [/td][td] [/td]
[/tr]
[/table]

Je t'ai pas oublié
Avec comme base ce code fait moi un tableau avec dans chaque ligne un texte différent

Est-ce que t'arrive à comprendre où sont les lignes, les colonnes...?

Super.

Maintenant on va rajouter du css au tableau via le td

Code:

<td class="table">

Donc je te laisse créer le css de ton tableau

Tu fais un tableau avec les codes comme au dessus et tu rajoute à la place du td > td class=" "