Problème de bord arrondi

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

Résolu Problème de bord arrondi

Message par titevivi Jeu 25 Aoû 2011 - 15:28

Bonjour,
Voila j'ai un soucis avec mon forum mes bord arrondit déconne voila comment ça donne:Problème de bord arrondi Bord_b10
Problème de bord arrondi Captur10
L’arrondis sur les coté est très fin et ça ne donne pas bien du tout.
Je n'arrive pas a modifier, voila mon css complet:
Code:
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}

.bodyline {
-moz-border-radius:10px;
}

.forumline{
background-color: #COULEUR;
-moz-border-radius: 10px ;
border: 3px #COULEUR solid;
}
.accueil-ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}
.accueil-li{
  float: left;
  margin-left:6px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:5px;
}
.accueil-li:hover{
    margin-left:6px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:5px;
}
.accueil-contenu{
  padding-bottom:10px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
}

.postdetails.poster-profile a img
{
border: 6px SOLID #FFAE5C; /*La bordure*/
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;}

.ombre
{text-shadow: #000000 1px 1px 1px;}
a:hover {
text-decoration: none !important;
}
a { text-decoration: none; }

a:hover {
text-shadow: 1px 1px 1px #000000;
}

a:hover {
font-variant: small-caps;
}

div.infobulle_avatar em {
display:none;
}

div.infobulle_avatar:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}

.postdetails.poster-profile textarea { background-color:#000000; }


input,textarea, select {
color : CODE COULEUR;
font: normal 11px Verdana,Arial,Helvetica,sans-serif;
border-color : CODE COULEUR;
border-radius: 9px 9px;
-moz-border-radius: 9px;
}

/*DEBUT NOUVELLE PAGE D'ACCUEIL*/

/* effet de transparance image */

.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}

.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}

/*-----------------inffobulles----------------- */

 
div.infobulle
{
 position: relative;
 float: left;
color:#a37050;
}

div.infobulle span
{
 display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover
{
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  color: black;
}


/* style de l infobulle */

div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 10px; /* on positionne notre infobulle */
background-color: #563e25;  /* couleur du fond de l'infobulle */
color: #a37050; /* couleur du texte */
 padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
 white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
text-align: center;
font-size: 14px;
border-color:#DAB291; /* couleur des bordures */
border-style:solid;
border-width:1px 1px 1px 1px;
}

/*-----------------Titres----------------- */
.titre{
color:#DAB291; /* couleur de la police */
font-weight: bold; /* épaisseur de la police en gras */
font-size: 14px; /* taille de la police */
text-align : center; /* alignement du texte */
padding: 6px; /* marge intérieur */
margin: 4px;  /* marge extérieur */
margin-bottom: 5px; /* marge extérieure pour moi 5px en bas */
border-bottom: 2px dotted #DAB291;  /* soulignement en pointillé */
}
/*-----------------Boites----------------- */
.boite{
color:#DAB291; /* couleur de la police */
text-align : center; /* alignement du texte */
font-size: 12px; /* taille de la police */
}

.boite1{
color:#DAB291; /* couleur de la police */
font-size: 12px; /* taille de la police */
}
/*-----------------Navigation----------------- */
.chatling{
padding: 4px; /* marge intérieur */
margin: 3px;  /* marge extérieur */
border: 2px dotted #DAB291;  /* soulignement en pointillé */
border-left: none;
border-right: none;
width: 190px;/* taille à ne pas toucher */
display : block;
}

.titre {border-bottom: 2px dotted #DAB291;
}

/*-----------------staff----------------- */
.staff{
text-align: right; /* alignement du texte */
border-bottom: 2px solid #000000; /* bordure */
display : block;
}


/*FIN NOUVELLE PAGE D'ACCUEIL*/


a.mainmenu:link, a.mainmenu:visited{
background-color: #654A39;
border-left: 1px solid #654A39;
border-right: 1px solid #654A39;
-moz-border-radius:6px;
border: 1px #654A39
double;
}

a {
outline: none;
}



body {
background-repeat: no-repeat;
}


body{
    background-position: top center;
   
}

barre1{
background-color:#D9E5F5;border: 5px #2D81EA solid;
-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:left;
text-decoration: none !important;
height:auto}

.statistiques{
border:0px;
background-repeat: no-repeat;
background-position: center;
height:200px;}

.groupes{
background-color:#D9E5F5;border: 1px #2D81EA 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;
height:auto}



.code {
background-color: #17120E; /* couleur du fond */
border:1px #7B573D dashed; /* bordure */
-border-radius: 10px; /* tous les côtés sont arrondis */
-moz-border-radius: 10px; /* tous les côtés sont arrondis */
-webkit-border-radius: 10px; /* tous les côtés sont arrondis */
color: #7B573D; /* couleur du texte */
}


.quote {
background-color: #17120E; /* couleur du fond */
border:1px #7B573D dashed; /* bordure */
-border-radius: 10px; /* tous les côtés sont arrondis */
-moz-border-radius: 10px; /* tous les côtés sont arrondis */
-webkit-border-radius: 10px; /* tous les côtés sont arrondis */
color: #7B573D; /* couleur du texte */
}


.spoiler_closed{
background-color: #17120E; /* couleur du fond */
border:1px #7B573D dashed; /* bordure */
-border-radius: 10px; /* tous les côtés sont arrondis */
-moz-border-radius: 10px; /* tous les côtés sont arrondis */
-webkit-border-radius: 10px; /* tous les côtés sont arrondis */
color: #7B573D; /* couleur du texte */
}


.spoiler_content{
background-color: #17120E; /* couleur du fond */
border:1px #7B573D dashed; /* bordure */
-border-radius: 10px; /* tous les côtés sont arrondis */
-moz-border-radius: 10px; /* tous les côtés sont arrondis */
-webkit-border-radius: 10px; /* tous les côtés sont arrondis */
color: #7B573D; /* couleur du texte */
}


.atelierprof {
text-align:center;
padding:9px;
background-color:#17120E;
-moz-border-radius:10px;
border:1px #7B573D dashed; /* bordure */
}


        /*contour des catégories*/
        .forumline{
              border:5px solid #17120E;
              -moz-border-radius: 20px;
              -webkit-border-radius: 20px;
              border-radius: 20px;}
       
        /*titres des forums*/
        .titresfora{
              -moz-border-radius: 20px;
              -webkit-border-radius: 20px;
              border-radius: 20px;
              border: 5px solid #17120E;
              font-size: 11px;
              height: 20px;
              padding: 5px;
              position: relative;
              text-align: center;
              width: 200px;}
       
       
        /*description dans les forums*/
        .forum-description {
              margin: auto;
              padding: 10px;
              color: #17120E;
              border: 5px solid #17120E;
              -moz-border-radius: 14px;
              -webkit-border-radius: 14px;
              font-size: 12px;
              }
       
        /*derniers messages*/
        .forum-stats {
              -moz-border-radius: 20px;
              webkit-border-radius: 20px;
              border-radius: 20px;
              border: 5px solid #17120E;
              font-size: 11px;
              padding: 5px;
              text-align: center;
              }

Pouvez vous me dire quel est le problème? et m'aider? merci d'avance


Dernière édition par titevivi le Sam 27 Aoû 2011 - 23:40, édité 1 fois
titevivi

titevivi
**

Féminin
Messages : 59
Inscrit(e) le : 05/07/2006

http://graphique-de-stars.forum-actif.net/forum.htm
titevivi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de bord arrondi

Message par Invité Jeu 25 Aoû 2011 - 16:14

Bonjour,

Essayez en ajoutant ceci à votre css:
Code:
.secondarytitle{     
      -moz-border-radius-topleft: 10px;
      -moz-border-radius-topright: 10px;
      -webkit-border-top-right-radius: 10px;
      -webkit-border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      border-top-left-radius: 10px;}
forumline arrondit les contours des catégories, mais ne prend pas en compte la class du titre des catégories, c'est pour cela que le contour est arrondi mais pas la cellule du titre.

Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: Problème de bord arrondi

Message par titevivi Jeu 25 Aoû 2011 - 18:08

Merci ça a marcher mais pas pour la barre annonce,ni la page d'accueil, ni pour le dessous des catégorie, au fait j'aimerais que tous soit arrondi, mais regarder ce que ça donne sur mon forum c'est plus simple http://graphique-de-stars.forum-actif.net/forum.htm
Et quand j'ouvre un forum ce n'est pas arrondi non plus
titevivi

titevivi
**

Féminin
Messages : 59
Inscrit(e) le : 05/07/2006

http://graphique-de-stars.forum-actif.net/forum.htm
titevivi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de bord arrondi

Message par Invité Sam 27 Aoû 2011 - 15:23

Bonjour,

On va essayer plus radical alors! Remplacez le code précedent par:
Code:
th, .catHead, .secondarytitle{     
      -moz-border-radius-topleft: 10px;
      -moz-border-radius-topright: 10px;
      -webkit-border-top-right-radius: 10px;
      -webkit-border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      border-top-left-radius: 10px;}
.catBottom{
      -moz-border-radius-bottomleft: 10px;
      -moz-border-radius-bottomright: 10px;
      -webkit-border-bottom-right-radius: 10px;
      -webkit-border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;}


td.row1, td.row2, td.row3, td.row3Right{
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;}

Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: Problème de bord arrondi

Message par titevivi Sam 27 Aoû 2011 - 23:40

Merci beaucoup, ça a arrondi plus que je ne l'espérais Wink sujet résolu!
titevivi

titevivi
**

Féminin
Messages : 59
Inscrit(e) le : 05/07/2006

http://graphique-de-stars.forum-actif.net/forum.htm
titevivi 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