css pour arrondir forum ne fonctionne pas

2 participants

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

Résolu css pour arrondir forum ne fonctionne pas

Message par nibelle Mer 17 Aoû 2011 - 5:31

Bonjours , alors je vous explique mon problème , j'ai mis différents code pour arrondir les cadres de mon forum , le prolbème c'est que aucun d'eux ne marche.
Voilà les codes que j'ai mis :
Code:
.code
{
-moz-border-radius: 15px;
padding-left: 10px;
}
.quote
{
-moz-border-radius: 15px;
padding-left: 10px;
}
.button2{ -moz-border-radius: 5px;}
.bodyline{ -moz-border-radius: 10px;}
input,textarea, select {
border-radius: 10px 10px;
-moz-border-radius: 10px;
padding-left: 3px;
}

Et voici ma feuille de style CSS en entier :
Code:
/*CADRE DU FORUM */

.forumline{
border:3px; #ccc785
-moz-border-radius:6px;
}

/* FOND DECRAN */

body {
background-repeat: no-repeat;
background-position: none;
}

/* IMAGE DANS LE FOND DES CATÉGORIES/MESSAGES */

td.row1{
background-image: url("http://img4.hostingpics.net/pics/866827fond.png");
}
td.row3{
background-image: url("http://img4.hostingpics.net/pics/866827fond.png");
}
td.row2{
background-image: url("http://img4.hostingpics.net/pics/866827fond.png");
}

u{border-bottom: 2px solid;
border-color:#B0ADA0;text-decoration: none;
-moz-border-radius:6px;}

I{border-bottom:none; color:#7A5E5E;text-decoration: none
}

a.mainmenu:hover, a.mainmenu:hover:visited{
color: #908789;
border-left: }

/* SURVOLLEMENT DE LIEN */

a:hover{
letter-spacing : 2px; }

a.forumlink:hover, a.forumlink:hover:visited{
background-color: #transparent;
border-left: 9px solid #transparent;
border-right: 9px solid #transparent;
-moz-border-radius:15px;}

/*OPACITER FORUM */

body {
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
}


/* TABLEAU ENTETE  */

.titrepa{
border: 2px solid #c06020;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
background-color:#ffa000;
text-align: center;
font-variant: small-caps;
font-size: 15px;
font-weight: bold;
padding: 3px;}

.contenupa{
border: 2px solid #c06020;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color:#ffc040;
padding: 10px;
font-size: 12px;}

/* CHATBOX */

body.chatbox{
background-image:url("http://img11.hostingpics.net/pics/187821chatbox.png"); }


.statistiques{
    border:0px;
    height:270px;
    text-align:center;}

    .groupes{
    background-color:#;border: 1px # dotted;
    -moz-border-radius : 5px 5px 5px 5px;
    height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
    font-size:15px;font-weight: bold;text-align:center;
    text-decoration: none !important;}


.code
{
-moz-border-radius: 15px;
padding-left: 10px;
}
.quote
{
-moz-border-radius: 15px;
padding-left: 10px;
}
.button2{ -moz-border-radius: 5px;}
.bodyline{ -moz-border-radius: 10px;}
input,textarea, select {
border-radius: 10px 10px;
-moz-border-radius: 10px;
padding-left: 3px;

Voilà j'espère que vous réussirez à comprendre d'ou viens le problème
Merci d'avance


Dernière édition par nibelle le Jeu 18 Aoû 2011 - 4:40, édité 1 fois
avatar

nibelle
Nouveau membre

Messages : 21
Inscrit(e) le : 17/08/2011

http://theme1artistou.forumgratuit.org/
nibelle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: css pour arrondir forum ne fonctionne pas

Message par Ea Mer 17 Aoû 2011 - 11:24

Bonjour,


Cet attribut css ne fonctionne que sur firefox, il faudrait mettre :

Code:
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
Ici vous avez un tableau avec la compatibilité entre navigateur, le border-radius permet d'avoir le bord arrondis avec firefox à partir de 4, chrome à partir de 4, IE à partr de 9, opera à partir de 10,5 et safari à partir de 5, la propriété -moz-border-radius permet d'avoir l'arrondi pour les versions en dessous de firefox ( à partir de la version 1 ) et la propriété -webkit-border-radius pour les versions en dessous de chrome ( à partir de la version 0.2 ) et safari ( à partir de la version 3 ).
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

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

Résolu Re: css pour arrondir forum ne fonctionne pas

Message par nibelle Jeu 18 Aoû 2011 - 4:39

D'accord , cela marche très bien maintenant.
Merci beaucoup de votre aide Smile
avatar

nibelle
Nouveau membre

Messages : 21
Inscrit(e) le : 17/08/2011

http://theme1artistou.forumgratuit.org/
nibelle a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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