Arrondir les bords d'un tableau.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Arrondir les bords d'un tableau.

Message par Neria J. le Mar 27 Juil 2010 - 14:56

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>


Dernière édition par Neria J. le Mar 27 Juil 2010 - 16:10, édité 1 fois

Neria J.
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 17/07/2010

http://poudlard-school-v2.forum-actif.info/forum.htm
Neria J. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les bords d'un tableau.

Message par Querel le Mar 27 Juil 2010 - 15:16

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...

Querel
*

Masculin
Messages : 32
Inscrit(e) le : 23/07/2010

http://feleth.superforum.fr/
Querel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les bords d'un tableau.

Message par Neria J. le Mar 27 Juil 2010 - 15:22

Non ca ne fonctionne pas ^^"

Neria J.
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 17/07/2010

http://poudlard-school-v2.forum-actif.info/forum.htm
Neria J. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les bords d'un tableau.

Message par Querel le Mar 27 Juil 2010 - 15:24

Arf !

Essaye celui là : xD

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

Querel
*

Masculin
Messages : 32
Inscrit(e) le : 23/07/2010

http://feleth.superforum.fr/
Querel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les bords d'un tableau.

Message par Neria J. le Mar 27 Juil 2010 - 15:43

Non toujours pas

Neria J.
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 17/07/2010

http://poudlard-school-v2.forum-actif.info/forum.htm
Neria J. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les bords d'un tableau.

Message par no_way le Mar 27 Juil 2010 - 15:59

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;}

no_way
Aidactif
Aidactif

Messages : 1744
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les bords d'un tableau.

Message par Querel le Mar 27 Juil 2010 - 16:04

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:

Querel
*

Masculin
Messages : 32
Inscrit(e) le : 23/07/2010

http://feleth.superforum.fr/
Querel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les bords d'un tableau.

Message par no_way le Mar 27 Juil 2010 - 16:08

@Querel a écrit: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

no_way
Aidactif
Aidactif

Messages : 1744
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les bords d'un tableau.

Message par Neria J. le Mar 27 Juil 2010 - 16:10

Merci ca fonctionne maintenant =)

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

merci

résolu

Neria J.
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 17/07/2010

http://poudlard-school-v2.forum-actif.info/forum.htm
Neria J. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les bords d'un tableau.

Message par no_way le Mar 27 Juil 2010 - 16:11

Service Wink @++

no_way
Aidactif
Aidactif

Messages : 1744
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les bords d'un tableau.

Message par Querel le Mar 27 Juil 2010 - 18:01

Ok ! Merci no_way =D

Et puis de rien Neria xD (au sens propre)

A la prochaine !

Querel
*

Masculin
Messages : 32
Inscrit(e) le : 23/07/2010

http://feleth.superforum.fr/
Querel a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum