Arrondis des catégories, rogné par l’image

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

Résolu Arrondis des catégories, rogné par l’image

Message par CharlesWii le Ven 17 Jan 2014 - 20:47

Avé,

Je souhaitais mettre un arrondie sur le cadre de mes catégories, donc j’ai cherché un code pour le faire, j’ai installé le code CSS suivant :
Code:
.forumline{
    background-color: #COULEUR;
    -webkit-border-radius:10px;
    -moz-border-radius: 10px ;
    border-radius:10px;
    border: 3px #COULEUR solid;
}

Les cadres était bien arrondie, hélas, un autre problème est survenue, l’image de catégorie, mange les arrondies, examiné le screen :


Le trait noir est arrondie, la bannière de la catégorie par contre, ne prend pas en compte l’arrondissement, je voulais savoir si il y’avait un code, pour résoudre le problème ?

Pour vous aider durant cette quête, je vous donne le CSS dans le spoiler, le forum est en version PHPBB2 :
Spoiler:

Code:
.bodyline {
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
margin-bottom : 225px;
}.post td.row1{
background-color: #63875B;}
  
.post td.row2{
background-color: #63875B;}
.row1.browse-arrows{
background-color: #541D1D;}
 
.row1.messaging.gensmall{
background-color: #541D1D;}
.row2.browse-arrows{
background-color: #541D1D;}
 
.row2.messaging.gensmall{
background-color: #541D1D;}
a:hover {
font-style:italic;
}a.forumtitle {
font-family: Arial,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}.redim{table-layout:fixed;}.redim img {width:20%;}a.forumlink {
text-shadow: #000000 1px 1px 1px;
    }.row3 a {
text-shadow: #000000 0px 0px 0px;
}.name div span {
text-shadow: #000000 0px 0px 0px;
}#author_cell {background:#611F1F;}
.bouhautbas {
    bottom: 40px;
    left: 10px; /* remplacez left par right pour afficher les boutons à droite */
    position: fixed;
    z-index: 100;
}
a.nounderline:link
{ text-decoration:none;
}/* Début - Panneau latéral coulissant */
 
.fpanel { position: fixed; }
.fpclose,.fpopen { cursor: pointer; }
.fpclose { display: none; }
 
#fp186 { bottom: 0%; right: -810px; }
#fp186 .fpcontent { width: 803px; }
 
/* Fin - Panneau latéral coulissant */
 
/* Début - Messages administrateurs */
.bgAdministrateur td.row1{
background-color: :color;}
 
.bgAdministrateur td.row2{
background-color: :color;}
.bgAdministrateur #author_cell {background: :color;}
/* Fin - Messages administrateurs */
.sceditor-container iframe, .sceditor-container textarea {
background:url(http://i55.servimg.com/u/f55/18/09/34/80/ss11.png)no-repeat center!important;}
 
 
 
 
 
 
 
 
/* DEBUT MESSAGE GESTION FLASH GRADE */
 
.pro_mess, .ret_mess {
margin: 5px auto;
width: 90%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
 
.pro_mess a.postlink, .ret_mess a.postlink {
color: #FFF !important;
text-decoration: underline !important;
}
 
/* Rétro bb-Code - bloc de message d'enregistrement */
 
.ret_mess {
background: #e54858;
background: -moz-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e54858), color-stop(100%, #f5b57a));
background: -webkit-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -o-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -ms-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: linear-gradient(left, #e54858 0%, #f5b57a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54858", endColorstr="#f5b57a", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}
 
/* Rétro bb-Code - mise en page */
.ret_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #B60505;  
color: black;
}
.ret_mess {
font-weight: bold;
color: black;
}
    
/* Rétro BB-Code - présentation du texte */
.ret_mess .titl + div {
display: block;
margin-left: 10px;
padding: 28px 5px 28px 80px;
background: transparent url(http://i57.servimg.com/u/f57/16/25/48/26/frank_11.gif) no-repeat left center;
}
 
/* Promo BB-Code - bloc de message d'enregistrement */
 
.pro_mess {
background: #5c9300;
background: -moz-linear-gradient(left, #5c9300 0%, #afcf00 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5c9300), color-stop(100%, #afcf00));
background: -webkit-linear-gradient(left, #5c9300 0%, #afcf00 100%);
background: -o-linear-gradient(left, #5c9300 0%, #afcf00 100%);
background: -ms-linear-gradient(left, #5c9300 0%, #afcf00 100%);
background: linear-gradient(left, #5c9300 0%, #afcf00 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c9300", endColorstr="#afcf00", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}
 
/* Promo BB-Code - mise en page */
.pro_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #0D4DD3;  
color: black;
}
.pro_mess {
font-weight: bold;
color: black;
}
    
/* Promo BB-Code - présentation du texte */
.pro_mess .titl + div {
display: block;
margin-left: 10px;
padding: 28px 5px 28px 80px;
background: transparent url(http://i57.servimg.com/u/f57/16/25/48/26/frank_10.gif) no-repeat left center;
}
 
/* FIN MESSAGE GESTION FLASH GRADE */
.forumline{
    background-color: #COULEUR;
    -webkit-border-radius:10px;
    -moz-border-radius: 10px ;
    border-radius:10px;
    border: 3px #COULEUR solid;
}


Merci de l'étude du problème.


Dernière édition par CharlesWii le Ven 17 Jan 2014 - 22:24, édité 1 fois

CharlesWii
***

Masculin
Messages : 139
Inscrit(e) le : 26/02/2010

http://republique.superforum.fr
CharlesWii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondis des catégories, rogné par l’image

Message par Guilguil3 le Ven 17 Jan 2014 - 22:06

Bonsoir Charles,

Ceci est du au tableau. Il faut que vous utilisiez le code suivant:
Code:
table { overflow: hidden; }

Cordialement,
Guilguil3

Guilguil3
**

Masculin
Messages : 54
Inscrit(e) le : 17/01/2014

http://forumguilguil3.forumactif.org/
Guilguil3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondis des catégories, rogné par l’image

Message par CharlesWii le Ven 17 Jan 2014 - 22:24

@Guilguil3 a écrit:Bonsoir Charles,

Ceci est du au tableau. Il faut que vous utilisiez le code suivant:
Code:
table { overflow: hidden; }

Cordialement,
Guilguil3

Merci le code fonctionne, problème résolu  Very Happy 

CharlesWii
***

Masculin
Messages : 139
Inscrit(e) le : 26/02/2010

http://republique.superforum.fr
CharlesWii 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