css pour arrondir forum ne fonctionne pas

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

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 le 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
Aidactif
Aidactif

Messages : 23447
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 le Jeu 18 Aoû 2011 - 4:39

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

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


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