Arrondir les bords d'un tableau.

[Neria J.]

Bonjour,

J'ai déjà vu un sujet pour ca oui, mais je ne suis pas une spécialiste du HTML je me débrouille juste pour des truc tout simple.

Donc dans le code pour le tableau ci dessous ou mettre le code pour l'arrondis?

Merci d'avance

Code:

<span class="genmed"><table class="forumline table1 bg3" cellspacing="1" width="100%"><tbody><th colspan="1" rowspan="1" class="thTop forabg" width="28%">TON TITRE</th><th colspan="1" rowspan="1" class="thTop forabg" width="43%">TON TITRE</th><th colspan="1" rowspan="1" class="thTop forabg" width="29%">TON TITRE</th>
</tr>

<span class="postbody"></span></td>

<td class="row3" colspan="1" rowspan="1" align="center" valign="top"><span class="postbody">
TON TEXTE</span></td>


<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">TON TEXTE.
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">TON TEXTE.
</span></td>

<tr><th class="thTop forabg" colspan="1" rowspan="1">TON TITRE</th>
<th class="thTop forabg" colspan="1" rowspan="1">TON TITRE
<br></th><th class="thTop forabg" colspan="1" rowspan="1">TON TITRE
<br></th></tr>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">TON TEXTE.
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">TON TEXTE.
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">TON TEXTE.
</span></td>
</table>

[Querel]

Salut !

Pour arrondir il faut utiliser le CSS, donc Panneau d'administration => Affichage => Couleurs => Feuille de style CSS

Et dans la boite de code tu ajoutes ceci :

Code:

.forumline table1 bg3 {-moz-border-radius:10px;}

La valeur "10px" n'est pas obligatoire, plus elle sera grande, plus l'arrondi sera conséquent, et inversement.

Voilà ^^'
Par contre les arrondis ne sont par visibles avec Internet Explorer...

Et pour le ".forumline table1 bg3" je ne suis pas sûr de moi, mais vu que c'est la class de ton tableau dans le code HTML, ça devrait fonctionner...

[Neria J.]

Non ca ne fonctionne pas ^^"

[Querel]

Arf !

Essaye celui là : xD

Code:

forumline table1 bg3 {-moz-border-radius:10px;}

[Neria J.]

Non toujours pas

[no_way]

Bonjour
forumline n'est pas une balise mais une classe on indique donc .forumline
ensuite la classe est >>forumline table1 bg3<<
notez ainsi:

Code:


.forumline.table1.bg3{
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;}


[Querel]

Hm je vois !

(En profite pour apprendre un peu xD)

Les attributs "border-radius" et "-webkit-border-radius" servent à quoi ? A d'autres navigateurs ?
Si oui, lesquels ? O:

[no_way]

Hm je vois !

(En profite pour apprendre un peu xD)

Les attributs "border-radius" et "-webkit-border-radius" servent à quoi ? A d'autres navigateurs ?
Si oui, lesquels ? O:

border-radius est pour les navigateurs qui se conforment aux futures normes CSS3.
-webkit-border-radius est pour google chrome et Safari

[Neria J.]

Merci ca fonctionne maintenant =)

Et merci Querel d'avoir voulu m'aider ^^

[no_way]

Service @++

[Querel]

Ok ! Merci no_way =D

Et puis de rien Neria xD (au sens propre)

A la prochaine !