Arrondi profil disparu

[Yalou']

Bonjour ou bonsoir,
Voilà il y a quelque jours j'ai changer le template , ainsi que le CSS de forum pour avoir des arrondi au niveau des profils. Tout était très bien jusqu'à ce matin où mes arrondi ont tout simplement disparus !

voilà ce que j'avais avant

Spoiler:

et voilà ce que j'ai maintenant

Spoiler:

je n'ai rien changer, excepté la couleur de fond de citation, mais je doute qu'il y ai un rapport ...

voici mon CSS

Code:

.forumline{
          -moz-border-radius: 30px;
          -webkit-border-radius: 30px;
          border-radius: 30px;
        }
       
       
        .bodyline{
          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          border-radius: 20px;
        }
       
        td.row1, td.row2, td.row3, td.row3Right, th{
          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          border-radius: 20px;
        }
        .catHead{
       
          -moz-border-radius: 15px;
          -webkit-border-radius: 15px;
          border-radius: 15px;}
       
        .catBottom{
          -moz-border-radius: 15px;
          -webkit-border-radius: 15px;
          border-radius: 15px;}

#cadre_profil {
-moz-border-radius-bottom:10px;
background-color: #522232;
border-right: 2px #D4B2BD solid;
border-left: 2px #D4B2BD solid;
}


#cadre_haut {

-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color: #522232;
border-top: 2px #D4B2BD solid;
border-right: 2px #D4B2BD solid;
border-left: 2px #D4B2BD solid;
}
#cadre_bas {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
background-color: #522232;
border-bottom: 2px #D4B2BD solid;
border-right: 2px #D4B2BD solid;
border-left: 2px #D4B2BD solid;
}

et mon template modifié (juste la partie modifié)

Code:

   <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><table><tr><td><div id="cadre_haut">

            <span class="postdetails poster-profile">

            {postrow.displayed.RANK_IMAGE}</div><div id="cadre_profil">{postrow.displayed.POSTER_AVATAR}</div>

<div id="cadre_bas" ><center><font size="3"><strong>{postrow.displayed.POSTER_NAME}</strong></font></center></span>
</div><br>
</td></tr><tr><td>

          <div id="cadre_haut"  style="height: 10px"> </div><!-- BEGIN profile_field -->
            <div id="cadre_profil"><center><font size="1">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</font></center></div>
          <!-- END profile_field --><div id="cadre_bas" style="height: 10px"> </div><br>

</div>   


si vous pouvez m'éclairer car je ne vois vraiment pas pourquoi ils ont disparu !
car même en remettant les codes d'origines qui se trouvent ici
il n'y a plus d'arrondie nan plus alors que ces codes marché très bien il y a quelques jours

merci d'avance pour vos réponses

[Oz-Chan]

Bonsoir,
je profite de ce topic pour dire que j'ai le même problème depuis la mise à jour de firefox. Les arrondis sur mes forums n'apparaissent plus.
Je vous remercie pour votre future aide !
Oz

[Manumanu]

Bonjour,

Oui, Firefox 13 ne supporte plus -moz-border-radius, et tous les dérivés de type -moz-border-radius-topleft.

Il faudra maintenant utiliser la vraie propriété border-radius.
http://www.w3schools.com/cssref/css3_pr_border-radius.asp

[Yalou']

Ah ok merci ! ça ne marche pas non plus avec Google chrome d'ailleurs...

Mais du coup c'est lequel de code que l'on doit mettre à la place ?
celui là :

Code:

div
{
border:2px solid;
border-radius:25px;
}

celui ci

Code:

border-radius:2em;

ou celui là ?

Code:

border-radius: 2em 1em 4em / 0.5em 3em;

[Manumanu]

Ce sont trois exemples d'utilisations possibles. C'est à toi de voir. Il te suffit de garder les mêmes valeurs qu'avant.

[Yalou']

Alors j'ai essayé avec les codes, j'ai essayer toutes les combinaisons que je connais mais au final je n'arrive qu'à çà

Spoiler:

il n'y aurait pas un moyen d'éviter que chaque ligne ne soit arrondi ? au niveau du template peut-être ?

voici mon code

Code:

#cadre_profil
{
background-color: #522232;
  border-left:2px #D4B2BD solid;
  border-right:2px #D4B2BD solid;
  border-radius:10px
}


#cadre_haut {

border-top:2px #D4B2BD solid;
  border-left:2px #D4B2BD solid;
  border-right:2px #D4B2BD solid;
  background-color: #522232;
  border-radius:10px}

#cadre_bas {
 
  border-bottom:2px #D4B2BD solid;
  border-left:2px #D4B2BD solid;
  border-right:2px #D4B2BD solid;
background-color: #522232;
  border-radius:10px
  }

et mon template n'a pas bougé...

merci pour vos réponses

[Manumanu]

Hé bien il suffit de ne pas mettre de border-radius ; là, ton html en est bourré (et le css dans le html, c'est pas bien !), donc il faudra modifier le template pour le nettoyer un peu.

[Yalou']

Non ceci

Code:

#cadre_profil
        {
        background-color: #522232;
          border-left:2px #D4B2BD solid;
          border-right:2px #D4B2BD solid;
          border-radius:10px
        }
       
       
        #cadre_haut {
       
        border-top:2px #D4B2BD solid;
          border-left:2px #D4B2BD solid;
          border-right:2px #D4B2BD solid;
          background-color: #522232;
          border-radius:10px}
       
        #cadre_bas {
       
          border-bottom:2px #D4B2BD solid;
          border-left:2px #D4B2BD solid;
          border-right:2px #D4B2BD solid;
        background-color: #522232;
          border-radius:10px
          }

c'est le code de mon CSS

mais j'ai finalement trouvé une solution en modifiant mon template.

[Manumanu]

Je sais, ton CSS est bon ; je te disais juste que ton html en revanche était bourré de CSS à l'intérieur des balises, avec des border-radius à tire-larigot.