Sa3m
{ Membre }
Messages : 8
| Bonjour à tous ! Après une recherche sur le forum, je me permet de poster donc car j'ai un souci qui me gâche franchement la vie. J'espère avoir posté au bon endroit. Je suis sous Firefox. Voila mon problème: J'ai mis dans mon Css une image en guise de fond de sous forum. Sur l'index, tout fonctionne à merveille et l'image est affichée. Seulement lorsque j'entre dans un forum, voila un bug couleur sur la liste des message: https://2img.net/r/ihimizer/img651/9497/buguy.png Comme vous le remarquez, le fond est bleu sur cette colonne alors qu'il est censé prendre l'image. La ligne du dessous est parfaite parce que lorsque je passe mon curseur sur cet bleu disgracieux il redevient du fond que je voudrais. Je pense que j'ai du faire une mauvaise manip' mais j'avoue qu'après des heures de recherche je ne trouve toujours pas la solution. Quelqu'un pourrait-il m'aider ? Merci d'avance. Voici mon CSS si toutefois vous en avez besoin. - Spoiler:
- Code:
-
a {outline:none;}
table.bodylinewidth { position: relative; top: -19px; }
body { background-color: #0d1125; background-image: url("http://img337.imageshack.us/img337/798/headerbleu.png"); background-position:top; background-repeat:no-repeat; }
tr.post span.gensmall { display: none; }
.forumline{ -moz-border-radius: 6px; border-width:3px; text-align: justify; }
a.forumlink { margin-top: 3px; margin-left: 12px; margin-right: 12px; font-weight: lighter; display:block; text-align: center; font-size: 20px; font-family:Times New Roman; text-decoration:none !important; border-bottom: 3px double #B0ADA0; -moz-border-radius: 6px; font-variant: small-caps; }
a.forumlink:hover { margin-top: 3px; font-weight: lighter; display:block; text-align: center; font-size: 20px; font-family:Georgia; text-decoration:none !important; border-bottom: 3px solid #B0ADA0; font-variant: small-caps; }
body { cursor: crosshair }
td.row1{ background-image: url("http://img830.imageshack.us/img830/5585/jigsawpuzzle23.jpg"); } td.row2{ background-image: url("http://img830.imageshack.us/img830/5585/jigsawpuzzle23.jpg"); } td.row3{ background-image: url("http://img830.imageshack.us/img830/5585/jigsawpuzzle23.jpg"); }
u{border-bottom: 2px solid;border-color:#B0ADA0;text-decoration: none; -moz-border-radius:6px;}
I{border-bottom:none; color:#9B3F10;text-decoration: none }
.a:hover { border-left: 5px solid #613340; border-right: 5px solid #613340; border-bottom: transparent; background-color: #785750; }
a.mainmenu{ border: 1px #FFFFFF; text-decoration: none; text-align: left; font-color: #000065 }
a.mainmenu:hover { border: 1px #FFFFFF; text-decoration: none; text-align: left; }
a:link {text-decoration: none;} a:hover{text-decoration: none !important;} a { text-decoration: none; } a:link { text-decoration: none; } a:hover { text-decoration: none; }
.postbody { display: block; text-align:justify;}
.spoiler { background-color:#a6866a; border: dotted 1px #b39595; padding: 4px; }
.quote{ border: dotted 1px #b39595; background-color:#a6866a;
}
.code{ border: dotted 1px #b39595; background-color:#a6866a;
}
.quote, .code, .spoiler { -moz-border-radius: 12px; padding: 4px; }
.code div { width:450px!important; }
.quote div { width:450px!important; }
.spoiler div { width:450px!important; }
a.forumlink:hover, a.forumlink:hover:visited{ }
a.mainmenu img {display:none;}
a.mainmenu:link, a.mainmenu:visited{ color: #613340; text-align: center; font-family: Calibri; font-size: 14px; font-variant: small-caps; border: 1px solid #5b6684; border-left: 4px solid #5b6684; border-right: 4px solid #5b6684; -moz-border-radius: 8px; padding-left: 4px; padding-right: 4px; }
a.mainmenu:hover, a.mainmenu:hover:visited{ color: #613340; font-family: Courier New; text-transform: uppercase; background-color: #1e2440; border: 1px solid #5b6684; border-left:5px solid #5b6684; border-right: 3px solid #5b6684; -moz-border-radius: 8px; }
/*A. Présentations des liens*/
.a { border-bottom: 3px solid #FFFFFF; font-size:30px; font-variant: small-caps; }
a:link {text-decoration: none; font-variant: small-caps;} a:hover{text-decoration: none !important;} a { text-decoration: none; } a:link { text-decoration: none; } a:hover { text-decoration: none; }
/*C. Catégories*/
.a { border-bottom: 3px solid #FFFFFF; font-size:24px; font-variant: small-caps; } .a:hover { border-left: 5px solid #613340; border-right: 5px solid #613340; border-bottom: transparent; background-color: #785750; }
.descri { margin-left: 20px; margin-right: 20px; background-color: #f5f5f5; padding: 4px; font-family: Calibri; font-size: 12px; border-left: #B0ADA0 4px double; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 8px; border-right: #B0ADA0 4px double; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 8px; font-size: 12px; border-bottom: 3px solid #B0ADA0; }
/*E. Contour Avatars*/
.postdetails.poster-profile a img { -moz-border-radius-bottomright:8px; -moz-border-radius-topleft:8px; background-color: #FFFFFF; border:2px solid #b39595 ; padding: 2px; }
.postdetails.poster-profile textarea { width: 200px;}
/*G. Arrondis boutons*/
input.mainoption { background-color:#836952; -moz-border-radius: 10px; }
input.liteoption { background-color:#836952; -moz-border-radius: 10px; }
.opacity img { filter:alpha(opacity=50); -moz-opacity:0.8;opacity: 0.8; }
.opacity img:hover { filter:alpha(opacity=100); -moz-opacity:1;opacity: 1; }
/*II. CITATIONS, SPOILERS & CODES*/
/*III. CB*/
body.chatbox td.catBottom a.cattitle strong { visibility: hidden; }
body.chatbox td.catBottom a.cattitle strong:before { visibility: visible; content: "Tout-Puissant vous regarde."; }
body.chatbox { background-image: url(http://i49.tinypic.com/6zt0sp.png); background-color: transparent; }
/*IV. QEEL*/
.statistiques{ border:1px #FFFFFF; background-color:#; background-repeat: no-repeat; background-position: center; height:400px; Width:500px}
.tableauqueel{ background-color : #0d1125 ; border : solid 1px; -moz-border-radius : 0px 0px 0px 0px}
.partiedroite { font-size : 20px ; font-family: Calibri; border-left : 3px double #FFFFFF ; padding-left : 10px; padding-right : 10px }
.groupes{ height:40px; padding-right:12px; padding-left:14px; font-size:20px; font-color : #dcb9c8; font-weight: bold; text-align:center; font-family: Georgia; text-shadow: #FFFFFF 1px 1px 1px; text-decoration: none !important; }
/*IV. BULLE*/
/*Info*/
a.infobulle { position: relative; color: #7d7d7d; text-decoration: none; border-bottom: 0px #7d7d7d solid; /* on souligne le texte */ }
a.infobulle span { display: none; /* on masque l'infobulle */ }
a.iinfobulle: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; /* on affiche l'infobulle */ position: absolute; width: 250px; white-space: 2; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour a la ligne non-desiré */ top: 5px; /* on positionne notre infobulle */ left:15px; background: white; color: #7d7d7d; padding: 3px; border-left: 5px solid #b6b6b6; border-right: 5px solid #b6b6b6; border-top: 2px solid #b6b6b6; border-bottom: 2px solid #b6b6b6; -moz-border-radius: 11px 11px 11px 11px }
/*ECRITS-MESSAGES*/ .sujets_messages {margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */ padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */ font-size: 10px; }
.derniers_sujets {margin-top: 3px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté", sinon ça se colle et c'est laid xD; on évite de retirer */*/ padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */*/
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond, un arrondi juste sur deux côtés ... */ border: 1px dashed #000000; font-size: 11px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px;}
.catégoz { text-align : center ; position : relative ; top : 20px ; text-transform : uppercase ; letter-spacing : 2px ;}
|
Dernière édition par Sa3m le Ven 17 Sep 2010, 12:37, édité 1 fois | |
|
Kimy
{ Membre actif }
Messages : 1190
| Bonjour =) J'ai installé ton CSS sur mon forum et aucun soucis à l'horizon. As-tu modifié des templates ? | | |
|
iowan
{ Membre actif }
Messages : 304
| test ce code sinon donne nous le lien de ton forum - Code:
-
.row3{ background: transparent url(http://img830.imageshack.us/img830/5585/jigsawpuzzle23.jpg) !important; }
| | |
|
Sa3m
{ Membre }
Messages : 8
| Kimy, oui j'ai modifié les templates mais rien je pense qui ne touchait à cette catégorie. Je vous le fournis ? Iowan, ça ne marche toujours pas. :S http://forumtestdan.forumactif.com/votre-1er-forum-f1/ Voila. | | |
|
iowan
{ Membre actif }
Messages : 304
| voila - Code:
-
.row3Right{ background: transparent url(http://img830.imageshack.us/img830/5585/jigsawpuzzle23.jpg) !important;
}
| | |
|
Sa3m
{ Membre }
Messages : 8
| Haaa merci beaucoup, ça marche enfin. J'avais donc fait une fausse manip' ? | | |
|
iowan
{ Membre actif }
Messages : 304
| non c'est moi qui a délivré une erreur dans le code -__- mais bon ca marche enfin | | |
|
Kimy
{ Membre actif }
Messages : 1190
| Moi j'aimerai bien comprendre pourquoi ça marchait bien sur mon forum et pas sur le sien ^^ | | |
|
Kaiji
Blanche-Neige
Messages : 5578
| |