Code CSS bordures partout.

[Cristallou]

Bonjour (ou bonsoir ^^),
J'ai voulu créer un tableau pour la Page d'Accueil de mon forum RPG. J'ai donc fait tout le HTML et le CSS. Je mets le HTML tout va bien. Je mets le CSS catastrophe (et pourtant j'avais testé xD)

Voilà le lien : http://cat-adventure-design.forumgratuit.org/

Sur la PA vous pouvez voir le fameux tableau, avec des bordures arrondies. Mais sur le reste du forum tout s'est entouré de cadres arrondis..??? Je vous poste le la partie de la feuille de css du tableau :

Code:

p {
height: 150px;
}

.aa {
text-align: center;
width: 150px;
}

.reg {
border: none;
text-align: center;
width: 150px;
}

.ab {
border: medium;
padding: 12px;
}

.ac {
height: 50px;
overflow: auto;
padding: 12px;
}

.ad {
padding: 12px;
}

.ae {
padding: 12px;
}

.af {
text-align: justify;
padding: 12px;
}

.zz {
border: 2px;
border: 1px solid #006b2f;
text-align: justify;
padding: 12px; /*marge intérieure des cellules*/
margin: 50px; /* Marge extérieure de 50px */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.paragraphe_annonce_forum  {
text-align: center;
}

.paragraphe_annonce_rpg {
text-align: center;
}

.ag {
border: none;
}

.tr_du_bas {
height: 100px;
}

.parto_topsites {
width: 200px;
text-align: center;
overflow: auto;
height: 150px;
}

.clanclans {
text-align: left;
overflow: auto;
}

.clans {
text-align: center;
}

.clans_liens {
width: 150px;
border: none;
}

.markikiliens {
text-align: center;
}

.saison {
text-align: justify;
}

.case_milieu {
height: 350px;
width: 50px;
text-align: center;
}

.staff {
text-align: center;
}

td {
border-width: 3px;
border-style: solid;
border-color: #006b2f;
margin: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

Je sais que mon code n'est pas fameux mais c'est mon tout premier code html et mon tout premier code CSS que je fais vraiment toute seule ^^' Je pense que le problème vient de la fin, du moz-border-radius. Non ?

Merci d'avance pour l'aide précieuse que vous pourriez apporter !

Cristallou

[ge80]

Bonjour


N'est-ce pas à cause de cette partie qui redéfinit les propriétes de TD ?

Code:

td {
border-width: 3px;
border-style: solid;
border-color: #006b2f;
margin: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

Essayer en nommant td par .zz td et tester

Code:


.zz td {
border-width: 3px;
border-style: solid;
border-color: #006b2f;
margin: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

Cordialement,
Ge

[Cristallou]

Merci de votre réponse ! En effet les bordures disparaissent de partout mais alors toutes les cases du tableau de la PA se mettent à avoir une bordure. Ce qui n'était pas le cas au début. Faut-il que je redéfinisse tout ? Je teste et j'édite ce message après
Merci encore pour votre réponse rapide !

EDIT 1 : Ben en fait je trouve pas. J'ai essayé pas mal de truc mais mon tableau se retrouve soit comme maintenant, avec des bordures à toutes les cases, soit il n'a plus de bordures du tout, soit il n'a plus de bordures et les scroll-barres de la cases du milieu disparaissent... T.T Si jamais vous avez une autre ide je suis prête à l'entendre ! ♥

EDIT 2 : Tout compte fait j'ai réécris tout mon CSS, faisant case par case et j'ai réussis à avoir tout comme je voulais. Mais encore merci de votre aide !

Cristallou