d'arrondir les coins du forums

[davidceline]

bonjour ,
J'ai se code css qui permet d' arrondir les coins du forum

Code:

.forumline{
background-color: #B1C6C7;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 8px #B1C6C7 solid;
border-top: 1px #B1C6C7 dotted;
border-right: 1px #B1C6C7 solid;
border-left: 1px #B1C6C7 dotted;}



cela marche sur le forum de teste et ne veut s’appliquer sur le forum de basse pouvez vous me dire
la source du probleme
cordialement

[kheino]

Bonjour,

Déjà tu n'as mis le code que pour Mozilla, il manque 2 lignes de code pour que d'autres navigateurs puissent le voir :

.forumline{
background-color: #B1C6C7;
border-radius: 0px 0px 14px 14px; /* pour Opera et autres standards */
-webkit-border-radius: 0px 0px 14px 14px; /* notamment pour Safari et Google Chrome */
-moz-border-radius: 0px 0px 14px 14px;
border-bottom: 8px #B1C6C7 solid;
border-top: 1px #B1C6C7 dotted;
border-right: 1px #B1C6C7 solid;
border-left: 1px #B1C6C7 dotted;}

Ensuite plus important encore, il n'y a pas d'espace entre ce qui précède et le point-virgule.

[davidceline]

cella ne marche toujours pas, pouvez vous me dire si tous et correct
sil vous play

Code:

.row3 {
        background-color: #799176;
        }
       
        .row2
        {
        background-color: #8AB893;
        }
       
        .row1  {
        background-color:#627569;
        }
       

       
       
        textarea#text_editor_textarea
        {
        background-image: URL(http://data.imagup.com/11/1145631417.jpg);
        }
       
        td.row1.over{
        background-image: URL(http://data.imagup.com/11/1145084541.jpg);
        }
       
                                          .gensmall{
                text-shadow: 0px 1px 0px black;
                }
        a[href^="/u"]{
        text-shadow: 8px 8px 8px black;
        }
        div.info_profil2 div {
        display:none;
        }
       
        div.info_profil2:hover {
        background: none;
        z-index: 999;
        cursor: hand;
        position: relative;
        text-decoration:none;
        border: 0;
        }
       
        div.info_profil2:hover div {
        font-style: normal;
        font-size: 10px;
        color:#000 !important;
        padding: 3px;
        display: block;
        position: absolute;
        top: 18px;
        left: 100px;
        -moz-border-radius: 7px 0px 7px 0px ;
        -webkit-border-radius: 7px 0px 7px 0px ;
        border-radius: 7px 0px 7px 0px ;
        -moz-box-shadow: 0px 0px 4px #000;
        -webkit-box-shadow: 0px 0px 4px #000;
        box-shadow: 0px 0px 4px #000;
        background-color: #458B74;
        border: 2px solid #b28f4c;
        width:180px;
        }
                /* icone en ligne-hors ligne */
           
                #post_onlin{
                background: url('http://i75.servimg.com/u/f75/11/95/30/70/m111.png') no-repeat;
                position: absolute;
                float: left;
                width: 19px;
                height: 127px;
                margin-left: -22px;
                margin-top: 20px;
                padding: 0;
                border: 0;
                }
                  .postdetails img
                {
                  -moz-border-radius-topright: 10px;
                  -moz-border-radius-bottomright: 10px;
                  -moz-border-radius-bottomleft: 10px;
                  -moz-border-radius-topleft: 10px;
                  -webkit-border-top-right-radius: 10px;
                  -webkit-border-bottom-right-radius: 10px;
                  -webkit-border-bottom-left-radius: 10px;
                  -webkit-border-top-left-radius: 10px;
}
              td.catHead, th.thHead {
                -webkit-border-top-left-radius: 10px;
                -webkit-border-top-right-radius: 10px;
                -moz-border-radius-topleft: 10px;
                -moz-border-radius-topright: 10px;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px; }
 .bouhautbas{
        position: fixed;
        bottom: 50%;
        left: 50px;
        z-index: 999;
    }
  #pa
        {
        width: 1000px;
        border: 3px dotted #57523c;
    margin: 0 auto;
        }
        #partie1
        {
        width: 1000px;
        height: 40px;
        overflow: hidden;
        background-image:url("http://data.imagup.com/11/1145630065.jpg");
        border-bottom: 1px dotted #A6B0A6;
        transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 2s;
        -moz-transition: 2s;
        -o-transition: 2s;
        -htm-transition: 2s;
        -webkit-transition: 2s;
        }
        #partie2
        {
        width: 1000px;
        height: 40px;
        overflow: hidden;
        background-image:url("http://data.imagup.com/11/1145630906.jpg");
        border-bottom: 1px dotted #A6B0A6;
        transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 2s;
        -moz-transition: 2s;
        -o-transition: 2s;
        -htm-transition: 2s;
        -webkit-transition: 2s;
        }
        #partie3
        {
        width: 1000px;
        height: 40px;
        overflow: hidden;
        background-image:url("http://data.imagup.com/11/1145630065.jpg");
        border-bottom: 1px dotted #A6B0A6;
        transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 2s;
        -moz-transition: 2s;
        -o-transition: 2s;
        -htm-transition: 2s;
        -webkit-transition: 2s;
        }
        #partie4
        {
        width: 1000px;
        height: 40px;
        overflow: hidden;
        background-image:url("http://data.imagup.com/11/1145630906.jpg");
        border-bottom: 1px dotted #A6B0A6;
        transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 2s;
        -moz-transition: 2s;
        -o-transition: 2s;
        -htm-transition: 2s;
        -webkit-transition: 2s;
        }
        #partie5
        {
        width: 1000px;
        height: 40px;
        overflow: hidden;
        background-image:url("http://data.imagup.com/11/1145630065.jpg");
        transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 2s;
        -moz-transition: 2s;
        -o-transition: 2s;
        -htm-transition: 2s;
        -webkit-transition: 2s;
        }
        #partie1:hover, #partie2:hover, #partie3:hover, #partie4:hover, #partie5:hover
        {
        height: 300px;
        overflow: hidden;
        transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 2s;
        -moz-transition: 2s;
        -o-transition: 2s;
        -htm-transition: 2s;
        -webkit-transition: 2s;
        }
        .titre
        {
        display: block;
        text-align: center;
        width: 900px;
        height: 40px;
        font-size: 28px;
        letter-spacing: 2px;
        font-variant: small-caps;
        font-family: courier;
        font-weight: bold;
        padding-top: 5px;
        color: #67523c;
        text-shadow: 0px 0px 2px #909090;
        }
        .content
        {
        width: 90%;
        margin: auto;
        border: 1px dotted #627569;
        background-color: #627569;
        padding: 6px;
        color: #0D0D0D;
        font-size: 11px;
        text-align: justify;
        } 

        .credit
        {
        display: block;
        text-align: right;
        margin-right: 20px;
        }
        .credit a
        {
        font-size: 10px;
        text-decoration: none !important;
        }
/* LISTE */
ul#conteneur {
position: fixed;
margin: 0;
padding: 0;
top: 50px;
right: 0px;
list-style: none;
z-index: 999;
}
/* ÉLÉMENT DE LA LISTE */
ul#conteneur li {
width: 98px;
margin: 6px 0;
padding: 0;
}
/* BLOC DE CHAQUE MENU */
.block_tfa {
background: #333;
display: block;
width: 98px;
border: 1px solid #000;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
padding: 5px;
}
/* SPAN CONTENANT LE LIEN DU BAS */
.lien_bas {
display: block;
padding: 2px;
background: #555555;
border: 3px solid #000;
font: 10px Arial;
font-style: italic;
}
/* LIEN DU BAS */
.lien_bas a {
text-decoration: none;
color: #fff !important;
outline: none;
}
/* LIEN DU BAS AU SURVOL */
.lien_bas a:hover {
color: #76c0ff !important;
}
.gensmall a {
text-decoration: none;
}
body.chatbox{
 background-image:url(http://data.imagup.com/12/1145620596.jpg)
;
background-repeat: none;}

.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
background: none;
}

#chatbox_members .member-title {
background-color: transparent !important;
background-image: none;
}
.forumline{
background-color: #B1C6C7;
border-radius: 0px 0px 14px 14px; /* pour Opera et autres standards */
-webkit-border-radius: 0px 0px 14px 14px; /* notamment pour Safari et Google Chrome */
-moz-border-radius: 0px 0px 14px 14px;
border-bottom: 8px #B1C6C7 solid;
border-top: 1px #B1C6C7 dotted;
border-right: 1px #B1C6C7 solid;
border-left: 1px #B1C6C7 dotted;}

en vous remerciant .

[kheino]

Ah nope, j'ai déjà corrigé ce CSS directement chez vous.
Si il y a une remarque en rouge une fois que c'est enregistré, il faut faire ce que j'ai dit dans ce post:
https://forum.forumactif.com/t326348p30-reglage-pour-mon-qeel#2822574

Essaie de mettre ce code que je donne en fin de feuille de style CSS :

.forumline{
background-color: #B1C6C7;
border-radius: 0px 0px 14px 14px; /* pour Opera et autres standards */
-webkit-border-radius: 0px 0px 14px 14px; /* notamment pour Safari et Google Chrome */
-moz-border-radius: 0px 0px 14px 14px;
border-bottom: 8px solid #B1C6C7;
border-top: 1px dotted #B1C6C7;
border-right: 1px solid #B1C6C7;
border-left: 1px dotted #B1C6C7;}

Ah oui et je constate que la couleur des bords et la même que le fond, donc normal que ça ne voit pas...

[davidceline]

Je mais donc résolu encore merci