Bonjour tout le monde,

Je fais appel à vous parce que vous m'avez toujours donné un coup de main quand j'en avais besoin. J'aimerais réaliser la page d'accueil de mon forum toute seule. J'ai utilisé le générateur de tableau proposé par Orange mais j'aimerais améliorer le tout mais j'avoue que je ne sais pas où chercher sur le forum.

J'aimerais qu'au final, cela donne ceci :

Spoiler:

Or avec mon code, je ne sais pas comment "détacher" mes cases ni arrondir leur bord :

Code:

<table style="width: 100%; border-collapse:collapse; border:2px solid #C992D4;">
   <tr style="border:2px solid #C992D4;">
      <td style="border:2px solid  #C992D4;">contenu 1</td>
      <td style="border:2px solid  #C992D4;">contenu 2</td>
   </tr>
   <tr style="border:2px solid #C992D4;">
      <td style="border:2px solid  #C992D4;">contenu 3</td>
      <td style="border:2px solid  #C992D4;">contenu 4</td>
   </tr>
</table>

Est-ce que vous pourriez m'aider une nouvelle fois ?

Merci beaucoup

Bonjour =D

Donc je vais t'aider à faire ce que tu veux faire sans le faire à ta place, sinon c'est une commande.

Donc pour détacher les cases comme tu dis, on va aller créer une class dans le CSS, qui va s'appeler case

Code:

.case {
PROPRIÉTÉ CSS
}

Là tu peux y mettre plusieurs propriétés, ceux que je te conseille sont background-color pour la couleur de fond, padding pour ne pas que l'écriture touche les bords ainsi que les codes d'arrondis. Tu peux savoir comment en faire dans ce topic: Arrondir les angles: Comment ça marche et il y a également une liste de propriété CSS bien détaillées dans le cours sur le CSS et le HTML

Pour le défilement que tu veux, tu vas voir dans ce topic: Défilement

Sinon, puisque je vois que tu n'As pas la case du dessus dans ton code, je te réfère au cours html sur les tableau qui explique comment faire ce que tu veux faire.

AS-tu d'autres questions?

PS: La prochaine fois, utilise la fonction rechercher pour certains topics qui auraient pu répondre parfaitement à tes questions

Merci beaucoup pour tous les liens que tu m'as passé Ikø' ! Je suis désolée de ne pas avoir précisé que ce qu'y était écrit sur l'aperçu était un pense-bête pour moi et non destiné à ce sujet.

xD D'accord~
Donc est-ce que le sujet est à classer ou tu as encore besoin d'aide?

Non, je n'ai plus besoin d'aide ^.^ Merci beaucoup !

D'accord, je classe~