Discussion :

[Marc31]

Bonjour,

J'ai réalisé un tableau avec la balise <table></table> mais je voudrais rendre le tableau avec des coins arrondis.

Et j'aimerais qu'il soit compatible avec tous navigateurs.

Comment faut-il faire ? mERCI

Bonne journée

[Invité]

Bonjour,

: "border-radius table"

Et aussi :

• CSS - border-radius (voir "Compatibilité")

[Marc31]

Oui j'ai déjà essayé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#arrondi {
  border-radius: 10px 10px 10px 10px;
 
}

html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="arrondi"></div>

Mais ça ne marche pas.... le <div>, je dois le mettre avant le <table>?

[Invité]

Bon.

1/ Il faut VRAIMENT faire une recherche (pas faire semblant).
Car tu aurais trouvé PLUSIEURS liens, en rapport direct avec ta question.

2/ quand on te donne un lien, il faut le suivre, et BIEN LIRE
(j'ai notamment parlé de "compatibilité" -> -webkit- -moz-)

3/ Il faut apprendre les bases du CSS :

• #xxxxx {...} c'est pour id="xxxxx"
• .yyyyy {...} c'est pour class="yyyyy"

4/ Tu parles de styler une <table>, alors pouquoi un <div> !?

5/ Enfin, merci de préciser si tu veux des coins arrondis :

• autour de la table uniquement ?
• autour de chaque cellule ?
• ... ?

N.B. Si tu es "grand débutant", dis-le.
J'essaierais d'être plus... aimable (et pédagogue) !

[Marc31]

Merci pour les réponses et oui je l'avoue je débute un peu mais pas de soucis pas la peine d'être pédagogue!


Pour la <div>, je sais pas, il faut quoi pour mettre du style à une table?


Pour les coins ronds c'est autour de la table.

[Invité]

Bonjour,


Styler la... <table>.

Ou, effectivement, l'encadrer d'un <div>.

Mais bon.
Avec quelques recherches et des tests, il n'y a pas de difficultés.
Si ?