Code CSS bordures partout.

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

Résolu Code CSS bordures partout.

Message par Cristallou le Mar 16 Aoû 2011 - 9:20

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


Dernière édition par Cristallou le Mar 16 Aoû 2011 - 14:43, édité 1 fois

Cristallou
*

Féminin
Messages : 32
Inscrit(e) le : 22/12/2009

http://showdown.bb-fr.com/
Cristallou a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Code CSS bordures partout.

Message par ge80 le Mar 16 Aoû 2011 - 9:43

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

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code CSS bordures partout.

Message par Cristallou le Mar 16 Aoû 2011 - 10:25

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

Cristallou
*

Féminin
Messages : 32
Inscrit(e) le : 22/12/2009

http://showdown.bb-fr.com/
Cristallou 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