CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:  Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! | | | Mes arrondis ne marchent plus |  |
|  ♥Rorose♥ 
{ Membre }
 Messages : 35
 | Bonjour à tous, j'ai mis tout mon forum en arrondi au fil des énnées tout à toujours amrché mais là tout est carré alors que je suis sous dernière version de Mozilla firefox, elle est en anglais car je n'ai pas pu trouver une qui marche en français quand je l'ai réinstallé je ne sais pas si le problème vient de là voici mon forum http://guerredesclans-57.forumactif.org/forum et ma fiche css: - Code:
-
a { text-decoration: none; }
a.forumlink:hover, a.forumlink:hover:visited{
background-color: #845985;
border-left: 5px solid #B77DB8;
border-right: 5px solid #B77DB8;
-moz-border-radius:6px;}
.forumline{
background-color:#845985;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 6px #845985 solid;
border-top: 2px #845985 dotted;
border-right: 2px #845985 dotted;
border-left: 2px #845985 dotted;}
.forumline{
-moz-border-radius:6px;
}
input, textarea, select {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
a { text-decoration: none; }
a { text-decoration: none;border:0px;font-variant: small-caps;text-align:center;}
a {font-size: 13Xpx; }
background-color:{ #845985;
border-left: 5px solid #845985;
border-right: 5px solid #845985;
-moz-border-radius:6px;}
.forumline{
background-color: #845985;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 6px #845985solid;
border-top: 1px #845985 dotted;
border-right: 1px #845985 dotted;
border-left: 1px #845985 dotted;}
.forumline{
-moz-border-radius:6px;
}
input, textarea, select {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
a { text-decoration: none;border:0px;font-variant: small-caps;text-align:center;}
a {font-size: 13px; }
a:hover{
letter-spacing : 1px; }
body.chatbox {
background-image: url('http://nsa22.casimages.com/img/2012/04/22/120422035344417346.png');
}
#chatbox .chatbox_row_1,#chatbox .chatbox_row_2{
background-color: transparent;
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "♥ Pas de chats aux yeux lasers sur la CB :p ♥"; }
#chatbox_header .catBottom .cattitle {
color:#845985;
}
td.row1{
background-color: ;
background-image : url("http://nsa22.casimages.com/img/2012/04/08/120408104514275421.png");
}
td.row2{
background-color: ;
background-image : url("http://nsa21.casimages.com/img/2012/04/08/120408104332797446.png");
}
td.row3{
background-color: ;
background-image : url("http://nsa21.casimages.com/img/2012/04/08/120408104332797446.png");
}
a.forumlink {
text-decoration: none;
background-color: #B77DB8;
border-bottom: 2px double #B77DB8;
border-top: 2px double #B77DB8;
-moz-border-radius: 10px;
border-right: 5px solid #B77DB8;
-moz-border-radius: 10px;
border-left: 5px solid #B77DB8;
display:block;
background-image: url('http://nsa21.casimages.com/img/2012/04/08/120408104940520006.jpg');
}
a.forumlink:hover {
text-decoration: none;
background-color: #B77DB8;
border-bottom:2px double #B77DB8;
border-top: 2px double #B77DB8;
-moz-border-radius: 10px;
border-right: 5px solid #B77DB8;
-moz-border-radius: 10px;
border-left: 5px solid #B77DB8;
display:block;
background-image: url('http://nsa22.casimages.com/img/2012/04/08/120408104514275421.png');
}
.arrondi {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #845985;
}
.forumline { -moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color:#845985;
}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #B77DB8;
}
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 5px;
color: #B77DB8;
width: 75%;
border: 4px solid #B77DB8;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
font-size: 10px;
}
/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom: 0 none !important;
border-left: 3px solid #B77DB8;
border-right: 3px solid #B77DB8;
border-top: 3px solid #B77DB8;
color: #0D0D0D;
font-size: 11px;
font-style: italic;
height: 14px;
left: 280px;
padding: 3px;
position: relative;
text-align: center;
width: 200px;
}
.forumline tbody tr th
{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.statistiques{
border:0px;
background-image: url("http://nsa21.casimages.com/img/2012/04/08/120408110030691437.png");
background-repeat: no-repeat;
background-position: center;
height:270px;}
.groupes{
background-color:#ffffff;border: 1px #B77DB8 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;}
a.imginfo {
border-bottom:0 solid #845985;
color:#845985;
position:relative;
text-decoration:none;
}
a.imginfo span {
display:none;
}
a.imginfo:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
cursor:help;
z-index: 999;
}
a.imginfo:hover span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
border-color:#845985;
border-style:solid;
border-width:3px 3px 5px 5px;
display:inline;
left:18px;
padding:3px;
position:absolute;
top:12px;
white-space:nowrap;
}
a.infobulle {
position: relative;
}
a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
a.infobulle:hover span {
display: inline; /* ceci affiche l'infobulle */
position: absolute;
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é */
top: 5px; /* on positionne notre infobulle */
left: 15px;
background: #466987; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */
padding: 3px;
/* bordures de votre infobulle*/
border: 1px dotted black;
border-left: 1px dotted black;
}
.bodyliXne {
border: daXshed 1px white;
}
.code {
background-color: #B77DB8; /* couleur noire du fond */
border:1px #845985 dashed; /* bordure blanche en traits peu épais */
-border-radius: 15px; /* tous les côtés sont arrondis */
-moz-border-radius: 15px; /* tous les côtés sont arrondis */
-webkit-border-radius: 15px; /* tous les côtés sont arrondis */
color: #845985; /* couleur du texte blanche */
}
.quote {
votre css
}
.code {
background-color: #B77DB8/* couleur noire du fond */
border:1px #845985 dashed; /* bordure blanche en traits peu épais */
-border-radius: 15px; /* tous les côtés sont arrondis */
-moz-border-radius: 15px; /* tous les côtés sont arrondis */
-webkit-border-radius: 15px; /* tous les côtés sont arrondis */
color: #845985; /* couleur du texte blanche */
}
.spoiler_closed{
votre css
}
.code {
background-color: #B77DB8; /* couleur noire du fond */
border:1px #845985 dashed; /* bordure blanche en traits peu épais */
-border-radius: 15px; /* tous les côtés sont arrondis */
-moz-border-radius: 15px; /* tous les côtés sont arrondis */
-webkit-border-radius: 15px; /* tous les côtés sont arrondis */
color: #845985; /* couleur du texte blanche */
}
.spoiler_content{
votre css
}
.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
.forumline{ -moz-border-radius: 10px;}
.bodyline{ -moz-border-radius: 10px;}
border: 10px solid #000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
body {
background-position: top;
}
body {
background-repeat: no-repeat;
}
.pointil {
border: 1px dotted black;
}
.postprofile-details.postdetails{background: url('http://nsa28.casimages.com/img/2011/07/11/110711092241476945.jpg');}
.cadre{background-image:url(http://nsa28.casimages.com/img/2011/07/11/110711092241476945.jpg);
background-repeat:repeat;
border: 1px dotted #666666;
-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.police{
font-family: "script MT bold";
}
.row3 a {
text-shadow: #000000 1px 1px 1px;
}
.name div span {
text-shadow: #000000 1px 1px 1px;
}
.statistiques a {
text-shadow: #000000 1px 1px 1px;
}
.postprofile a span {
text-shadow: 0px 0px 5px #000000;
}
.lastpost span a strong {
text-shadow: 0px 0px 5px #000000;
}
a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
.name
a{
text-shadow:#000000 1px 1px 1px;
}
/* =========
===== Message d'accueil =====
script by James1920 de CSSACTIF et LBTPROD - Novembre 13, 2010
http://www.themes-fa.com - BY-NC (http://creativecommons.org/licenses/by-nc/2.0/fr/)
=========*/
/* Menu du Message d accueil */
#menu, #menu ul /* Liste */
{
padding : 0; /* pas de marge intérieure */
margin : 0; /* ni extérieure */
list-style : none; /* on supprime le style par défaut de la liste */
line-height : 21px; /* on définit une hauteur pour chaque élément */
text-align : center; /* on centre le texte qui se trouve dans la liste */
}
#menu li /* Elements des listes */
{
float : left;
/* pour IE qui ne reconnaît pas "transparent" */
border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}
#menu li ul /* Sous-listes */
{
position: absolute; /* Position absolue */
width: 126px; /* Largeur des sous-listes */
left: -999em; /* Hop, on envoie loin du champ de vision */
}
#menu li ul li /* Éléments de sous-listes */
{
/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li
{
border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}
#menu li ul ul
{
margin : -22px 0 0 126px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
border-left : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */
}
/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul
{
border-left : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
left: auto; /* Repositionnement normal */
min-height: 0; /* Corrige un bug sous IE */
}
/* le style du menu personnalisable même pour les novices. */
#menu a:hover /* Lorsque la souris passe sur un des liens */
{
background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/code_c11.jpg");
}
#menu /* Ensemble du menu */
{
font-weight : bold; /* on met le texte en gras */
font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
font-size : 12px; /* hauteur du texte : 12 pixels */
}
#menu a /* Contenu des listes */
{
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
padding : 0; /* aucune marge intérieure */
color : #fff; /* couleur du texte ici blanc */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
width : 126px; /* largeur */
background-color: purple; /* le fond en noire */
}
/* les titre */
.h2_pres
{
font-size: 14px;
text-shadow: 0px 0px 9px #777;
color: #fff;
border-bottom: 1px dashed orchid;
}
.h1_pres
{
font-size: 16px;
text-shadow: 0px 0px 9px #777;
color: #fff;
border-bottom: 1px dashed orchid;
}
/* les boites */
#descr
{
background-image: url('http://nsa21.casimages.com/img/2012/04/08/120408115730819995.png');
float: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
width: 787px;
margin-top:10px;
margin-bottom: 20px;
margin-right: 30px;
margin-left: 10px;
Padding-left: 10px;
Padding-bottom: 10px;
text-align: left;
border: 1px dashed orchid ;
height: 98px;
font-size: 12px;
color: white;
}
#newss
{
margin-top:10px;
background-image: url('http://nsa21.casimages.com/img/2012/04/08/120408115730819995.png');
float: left;
border: 1px dashed orchid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
width: 787px;
margin-bottom: 20px;
margin-right: 30px;
margin-left: 10px;
Padding-left: 10px;
Padding-bottom: 10px;
text-align: left;
background-color: Mediumorchid ;
overflow-y: auto;
overflow-x: visible;
height: 90px;
font-size: 12px;
color: white;
}
.staffs /* les deux premieres boites du bah */
{
height: 215px;
width: 257px;
float: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-left: 10px;
border: 1px dashed orchid ;
background-image: url('http://nsa21.casimages.com/img/2012/04/08/120408115730819995.png');
text-align: center;
}
.staffss /* la boite toute à droite */
{
height: 215px;
width: 258px;
background-image: url('http://nsa21.casimages.com/img/2012/04/08/120408115730819995.png');
float: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-left: 10px;
border: 1px dashed orchid ;
background-color: Mediumorchid ;
text-align: center;
}
/* les scrolles et les bugs */
/* Pour les defilement */
#scroller_container
{
padding-top: 75px;
overflow: hidden;
}
/* CSS Hack Safari */
#dummy
{
;#
}
#scroller_container
{
overflow: auto;
}
p
{
margin: 0px;
}
.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}
.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}
#ejs_texte
{
width: 200px;
height: 100px;
color: white;
border: 1px dashed orchid.
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding: 5px;
}
.vignettes
{-moz-border-radius:5px;
border:1px #845985 dashed;
background-color: #B77DB8;
padding-right:8px;
padding-left:8px;
padding-bottom: 1px;
padding-top:1px;} Si vous pouvez m'aider je n'ai rien modifier merci =) | | |
| | | | Faucon
{ Membre hyper-actif }
 Messages : 1757
| Salut
Pour tous te dire j'ai les coins arrondis pour ton forum avec firefox en français et chrome. Donc le problème vient de ton firefox. Le mieux cela serait de prendre un firefox français ou de changer, prendre chrome, safari, etc.
J'espère t'avoir aider | | |
| | | | Doare 
{ Spécialiste }
Messages : 544
| Le problème vient du fait que la dernière version de Firefox (la 13) ne semble plus prendre en compte l'extension "-moz-" sur la propriété "border-radius", devenue inutile. Pour déterminer des bordures arrondies, au lieu de : - Code:
-
.class {
-moz-border-radius:6px;
} Préfère ainsi : - Code:
-
.class {
-moz-border-radius:6px; /* Firefox */
-webkit-border-radius:6px; /* Chrome et Safari */
border-radius:6px; /* versions récentes des navig */
} Au passage, attention, j'ai vu ça de temps en temps dans ton CSS : - Code:
-
-border-radius Tu n'as plus qu'à relire et corriger/ajouter ce qui manque...  Concernant ton navig en anglais, retélécharge-le sur le site officiel et réinstalle-le. | | |
| | | | ♥Rorose♥
{ Membre }
Messages : 35
| J'ai rectifié là ou il manquait "moz" mais si je ne veux pas optimisé sous les autres navigateur pourquoi ce code là pour mozilla ne marche pas ?
Merci pour le site français ça m'a tout remis à jour, mais le code quand je le remplace mon css beig tout ne marche plus et ils me dises que les incollade "{" et "}" sont pas au même nombre | | |
| | | | Doare
{ Spécialiste }
Messages : 544
| Il faut que tu mettes au moins ceci : - Code:
-
-moz-border-radius:6px;
border-radius:6px; Comme je l'ai déjà dit, la dernière version de Firefox ne prend plus en compte l'extension -moz- de cette propriété parce qu'elle n'en a pas besoin. Donc pour que ça marche avec toutes les versions de Firefox qui supportent les arrondis, tu as besoin des deux. Si tu es certaine que ton CSS est correct, tu peux le "réinitialiser" : sélectionne tout le CSS (ctrl+a), coupe le tout (ctrl+x), valide, recolle le CSS (ctrl+v), revalide. Si ça ne marche pas, c'est qu'il y a effectivement une erreur de ta part quelque part. | | |
| | | | Illadon
{ Membre }
Messages : 126
| Il faut savoir que le -moz- est là parce que le navigateur n'implémente pas bien la norme CSS. Ainsi quand l'implémentation est correcte, le -moz- disparait. | | |
| | | | ♥Rorose♥
{ Membre }
Messages : 35
| Nickel ça marche  Merci beaucoup, il me reste juste les contours des avatars et les groupes en bas de pages, vous pouvez juste m'indiquez la partie dans mon css ou si c'est dans les templates :s je me rappelle plus depuis le temps :/ | | |
| | | | Doare
{ Spécialiste }
Messages : 544
| Tout dans ton CSS, ".postdetails.poster-profile a img" et ".groupes". M'enfin, vu le nombre de border-radius qu'il y a dans ton CSS, je te conseille plutôt de faire une recherche "border-radius" dans un éditeur de texte. Comme ça tu pourras voir toutes les occurrences et corriger celles qui sont incomplètes. Tu seras sûre d'avoir tout fait. | | |
| | | | ♥Rorose♥
{ Membre }
Messages : 35
| C'est ce que j'ai fait pour le reste ^^ mais en tout cas 80 % de mes arrondis remarchent merci à vous, je pense que vous pouvez classer =) | | |
| | | | Doare
{ Spécialiste }
Messages : 544
| Nickel chrome alors ! Bonne continuation. | | |
| | | | pamina
{ Membre actif }
Messages : 1170
| Merci Rorose d'avoir signalé ta question résolue. Je classe. | | |
| | | | Contenu sponsorisé
| | | | | | | Mes arrondis ne marchent plus | |
|
Sujets similaires | |
|
| | Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
