Feuille de CSS qui n'en fait cas sa tête!

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

Résolu Feuille de CSS qui n'en fait cas sa tête!

Message par Offrande le Dim 3 Mar 2013 - 10:21

Bonjours,

J'ai de gros problèmes avec ma feuille de CSS qui des fois ne fonctionne pas sur plusieurs modules, puis re-fonctionne..
Voila un exemple que ma feuille indique :

Ceci est la barre de mise en forme des message

Code:
/* Barre de mise en forme des messages */
button.button2, input.button2 {   
border: 2px solid #000000;
border-radius: 2px 2px 2px 2px;
background-color: #B22222 ;}
/* le hover (image au survol) */
button.button2:hover, input.button2:hover {
border: 2px solid #000000;
border-radius: 2px 2px 2px 2px;
background-color: #B22222 ;}

Comme vous le voyer j'ai mis comme fond : #B22222
mais le fond est rester en image .. (que j'avais mis précédent)

Sa me fait la même chose, pour les zones de textes
et j'en passe, certainement oublier!

Voila ma feuille de CSS entière, si quelqu'un pouvait m'aider a trouver ce problème, je le remercie d'avance

Code:
/* OMBRE SUR TEXTE */ a {text-shadow: 0px 1px 1px #000000;font-variant: small-caps ;}
a:hover{text-shadow: 1px 1px 1px #000000;text-decoration: none !important;}
/*JUSTIFIER LE TEXTE DU FORUM */.forumline { text-align:justify;}
/* EFFACEMENT DU CADRE LHORS DU CLIC SUR UN LIEN POUR MOZZILA */a {outline: none !important;}
/* TEXTE EN PETITE MAJUSCULE */ body { font-variant: small-caps ;}
/* TEXTE DES MESSAGE MARGE + JUSTIFIER */ .postbody {text-align:justify;margin-left: 90px; margin-right: 90px;}
/* marge entre profil et message */tr.post td {padding-left: 20px;}
/* ALIGNEMENT COMMENTAIRES BLOGS */#blog_comments table{ width:100%;margin-bottom: 2px;padding-right: 40px;}
/* ESPACE ENTRE LES TABLES */.forumline {margin-bottom: 20px;}
/* EDITER PAR X*/ #edited_msg {color: #000000;font-size: 11px;background-color: #946B38;border: 0px solid #000000;}
/* RETIRÉ SOULIGNEMENT DES MEMBRES */a:visited{text-decoration: none;} a:link{text-decoration: none;}

/* BACKGROUND */
.fond1{
background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/fotoli10.jpg);
background-repeat: no-repeat;
background-position: top center;}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - PROFIL - - - - - - */
/* CADRE DANS LE PROFIL DES MESSAGES #D8D77C */
 /* ELEMENTS PROFIL */
#intprofil{
  background: #B22222;
  border-top: 5px solid maroon;
  border-bottom: 5px solid maroon;
  padding:5px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;}
 /* ELEMENT PROFIL */
#intprofil2{
  background: #B22222;
  border-top: 5px solid marron;
  border-bottom: 5px solid marron;
  padding:5px;
  padding-top:10px;
  text-align:center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;}
 /* TITRE DU PROFIL */
.nomrang{
  text-align:right;
  margin-top: -19px;
  font-size:17px;
  color:#ffffff;
  letter-spacing :8px;
  text-shadow : 1px 1px 1px #000000;
  font-weight: bold;}
/* PSEUDO */
.nameprofil{
  font-size:17px;
  letter-spacing :4px;
  text-shadow : 1px 1px 1px #000000;
  margin-bottom: -28px;
  margin-top:5px;
  text-align:center;
  color:#FFFFFF;}
/* AVATAR */
.imgavatar {
  max-width: 200px;
  max-height: 200px;
  min-width: 200px;
  min-height: 200px;}
/* DECORATION AVATAR */
.postdetails.poster-profile a img {
background-color: maroon;
padding: 10px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border: 0px;}



/* - - - - - - - - - - - - - - - - - - - - - - - ONGLET ONLINE / OFFLINE - - - - - - - - - - - - - - - - -*/
#post_onlin{
background: url('http://i75.servimg.com/u/f75/11/95/30/70/m111.png') no-repeat;
position: absolute;
float: left;
width: 19px;
height: 127px;
margin-left: -22px;
margin-top: 20px;
padding: 0;
border: 0;}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* LES CATEGORIS EN ONGLETS */
#cat-onglets {
  margin: 10px auto;
  text-align: center; }
 
.co-item {
  background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/back_d10.png);
  background-repeat: repeat-y;
  color: #FFFFFF;
  border-left: 5px solid black;
  border-right: 5px solid black;
  border-radius: 0px 15px 0px 15px;
  display: inline;
  margin: 0 5px;
  padding: 3px;}

 .co-item:hover{
  background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/back_e10.png);
  background-repeat: repeat-y;
  border-left: 5px solid black;
  border-right: 5px solid black;
  border-radius: 0px 15px 0px 15px;
  color: #FFFFFF;
  display: inline;
  margin: 0 5px;
  padding: 3px;}
 
.co-actif {
  background-color: #dad97d;
  opacity: 0.7;
  color: black;
  border-left: 5px solid black;
  border-right: 5px solid back;
  border-radius: 0px 15px 0px 15px;}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - -- CITATION - SPOILER - CODE - HIDE - AUTRE - - - - - - - */
/* LES CITATIONS */
.quote{
font-family: Time;
font-size: 11px;
padding: 60px;
color: #000000;
background-image: url(http://i11.servimg.com/u/f11/17/99/16/25/backgr10.png);
border-color: #000000;
border-radius: 20px 0px 20px 0px;
border-style: 2px;
width: 200px;
height: 10px;}

/* LES CODE */
.selectCode/*la partie haute où figure le code*/
{float: right ;/*le mot sélectionner le contenu sera à droite*/
text-transform: uppercase;/*le texte sera transformé en Majuscules*/
cursor:pointer;/*le curseur pour afficher un truc cliquable*/}
div.cont_code/*la partie basse où figure le contenu*/{
  background-image: url(http://i11.servimg.com/u/f11/17/99/16/25/fond_b11.jpg);
  color: #000000;/*la couleur de police*/
  padding: 70px;
  margin-left: -20px;
  border: none !important;}

/* SPOILER FERMER */
.spoiler_closed{
font-family: Time;
font-size: 11px;
padding: 40px;
background-image: url(http://i11.servimg.com/u/f11/17/99/16/25/fond_s10.png);
color: #000000;
border-color: #ffffff;
border-radius: 20px 0px 20px 0px;
border-style: 2px;
margin-bottom: 3px}

/* SPOILER OUVRET */
.spoiler_content{
font-family: Time;
font-size: 12px;
padding: 40px;
color: #000000;
background-image: url(http://i11.servimg.com/u/f11/17/99/16/25/fond_s10.png);
border-color: #ffffff;
border-radius: 20px 0px 20px 0px;
border-style: 2px;}




/* - - - - - - - - - - - - - - - - - - - CSS DES FLÈCHES HAUTS ET BAS - - - - - - - - - - - - - - - - - - - - - */
/* bloc contenant les boutons */
.top_bottom{
position: fixed;
bottom: 180px;
right: 0px;   
background-color: maroon;   
border:1px solid #000000;   
-moz-border-radius: 9px 0px 0px 9px;   
-webkit-border-radius: 9px 0px 0px 9px;   
z-index: 999;
padding: 7px; }
/* bouton haut */
.haut{
display: block;
width:18px;
height:22px;
background:url(http://i65.servimg.com/u/f65/11/95/30/70/2310.png) no-repeat 0 0;}
/* bouton haut au survol */
.haut:hover{
background:url(http://i65.servimg.com/u/f65/11/95/30/70/2310.png) no-repeat 0 -22px;}
/* bouton bas */
.bas{
display: block;
width:18px;
height:22px;
background:url(http://i65.servimg.com/u/f65/11/95/30/70/2412.png) no-repeat 0 0;}
/* bouton bas au survol */
.bas:hover{
background:url(http://i65.servimg.com/u/f65/11/95/30/70/2412.png) no-repeat 0 -22px;}


/* ? */
.new_form{
background-color:#DAE3F5;
border:1px solid #ccc;
padding:10px 20px;
margin-bottom:15px;
font-size:1.2em;
width:95%;}






/* - -  - - - - - - - - - - - - - - - - -CSS DES BOUTON PREVISUALISER ET ENVOYER ETC .- - - - - - - - - - - - - . */
/* premier bouton normal */
input.mainoption {
background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/degrad12.png);
border: solid 2px indianred;
border-radius: 0px 15px 0px 15px;
color: #dad97d;}
/* premier bouton passage de la souris */
input.mainoption:hover {
background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/degrad13.png);
border: solid 2px #000000;
border-radius: 0px 15px 0px 15px;
color: white;}
/* 2éme bouton normal */
input.liteoption {
background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/degrad12.png);
border: solid 2px indianred;
border-radius: 0px 15px 0px 15px;
color: #dad97d;}
/* 2éme bouton passage de la souris */
input.liteoption:hover {
background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/degrad13.png);
border: solid 2px #000000;
border-radius: 0px 15px 0px 15px;
color: white;}



/* - - - - - - - - - - - - - - - - - - - - - - - - - -CURSOR - - - - - - - - - - - - - - - - - - - - - - - - - - */
body { cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1038.cur), progress !important; }
a { cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1038.cur), progress !important;}



/* - - - - - - - - - - - - - - - - - - - - - PERSONNALISATION DE LA TCHAT_BOX - - - - - - - - - - - - - - - - - */
/* La discussion */
#chatbox{
background-color: #DAD97D;border: 1px solid #couleur;}
/* Le Haut */
#chatbox_header{
background-color: #B22222;border: 1px solid #000000;}
/* liste des connecter */
#chatbox_members{
background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/fond_z10.png);border: 1px solid #000000;}
/* Le bas */
#chatbox_footer{background-color: #DAD97D;border: 1px solid;}
/* changement du titre */
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "T'Chat box Du Grand Havre (Public)"; }
/* couleur du mot "message" */
#chatbox_footer label {color: #000000;background: #DAD97D;}
/* bouton envoyer */
#chatbox_footer #submit_button {
color: #DAD97D;
background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/back_e11.png);
border: 2px solid #000000;
border-radius: 15px 0px 15px 0px;}
#chatbox_footer #submit_button:hover {
color: #FFFFFF;
background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/back_e12.png);
border: 2px solid #000000;
border-radius: 15px 0px 15px 0px;}
/* fond des bouton de mise en forme */
#chatbox_footer .fontbutton_normal {background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/fond_z10.png);
border: 2px solid #000000;
border-radius: 0px 7px 0px 7px;}
#chatbox_footer .fontbutton {background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/fond_z10.png);
border: 2px solid #000000;
border-radius: 0px 7px 0px 7px;}
.chatbox-title{ font: 18px Georgia;color: #FFFFFF !important;}
/* fond du titre de la liste membres */
#chatbox_members .member-title{background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/fond_z10.png);}
/* zone message 1 */
.chatbox_row_1{ background-color: indianred;}
/* zone de message 2 */
.chatbox_row_2{ background-color: firebrick;}
/* zone de saisie */
#chatbox, .post{
background-image: url(http://i73.servimg.com/u/f73/17/99/16/25/fond_z10.png);border: 2px solid #000000;}




 
/* - - - - - - - - - - - - - - - - - - - - - - -MODIFICATION DES CONTOURS DU FORUM -- - - - -  - - - - - - - - - */
.forumline {
border-left: 5px solid firebrick;
border-right: 5px solid firebrick;
border:1px solid indianred;}
.bodyline {
border-left: 5px solid firebrick;
border-right: 5px solid firebrick;
border:1px solid indianred;}
   

   
   
   
/* - - - - - - - - - - - - - - - - - - -PAGE DES MISE EN FORME DES SUJETS - - - - - - - - - - - - - */
.fond_separ {
height:20px;
background:  #dad97d;
box-shadow: 0px 0px 3px #b22222;
-moz-box-shadow: 0px 0px 3px #b22222;
-o-box-shadow: 0px 0px 3px #b22222;
-webkit-box-shadow: 0px 0px 3px #b22222;
-htm-box-shadow: 0px 0px 3px #b22222;
cellpadding: 0px !important;}
   
 
   

   
/* - - - - - - - - - - - - - - - - - - - - - - - BARRE DE NAVIGUATION - - - - - - - - - - - - - - - - - - */
   
.navigation{
background-color: #B22222;
border: 1px solid #000000;
-moz-box-shadow: 0px 1px 4px #000000;
-webkit-box-shadow: 0px 1px 4px #000000;
box-shadow: 0px 0px 1px 4px #000000;
padding: 0px 10px 10px 20px;}

a.mainmenu:link, a.mainmenu:visited{
font-family : georgia; /* LA POLICE */
color: #DAD97D; /* COULEUR DE LA POLICE */
font-size: 11px; /* TAILLE DE LA POLICE */
text-align: center; /* ALIGNEMENT DU TEXTE */
background-color: maroon; /* COULEUR DE FOND */
display: inline-block; /* MIS POUR CORRIGER UN BUG AVEC IE 7 */
border-style: 5px solid #000000; /* LA BORDURE, SA COULEUR, SON STYLE */
border-radius: 0px 15px 0px 15px;
padding: 5px; /* ESPACE ENTRE LE BORD ET LE TEXTE */
-moz-box-shadow: 0px 1px 4px #000000; /* OMBRE PORTEE */
-webkit-box-shadow: 0px 1px 4px #000000; /* OMBRE PORTEE */
box-shadow: 0px 0px 1px 4px #000000; /* OMBRE PORTEE */}

a.mainmenu:hover, a.mainmenu:visited:hover{     
color: #DAD97d;
background-color: #B22222 ;
border-style: 5px solid #000000; /* LA BORDURE, SA COULEUR, SON STYLE */
border-radius: 0px 15px 0px 15px;
-moz-box-shadow: 0px 1px 4px #000000;
-webkit-box-shadow: 0px 1px 4px #000000;
box-shadow: 0px 0px 1px 4px #000000;}
   
   
   

   
/* - - - - - - - - - - - - - - - - - - - CSS DES BOUTON SUJET REPONDRE ET VERROUILLER -- - - - - - - - - - - - */
/* Nouvaux sujet */
#i_post{width: px; height: px;}
#i_post:a hover{}
/* Répondre */
#i_reply {}
/* Verrouiller */
#i_reply_locked {}

/* - - - - - - - - - - - - - - - - - - - BANDEAUX DES FORUMS - - - - - - - - - - - - - --- - - - - - - - - - - - */
.forum_titre{
position:relative;
width: 100%;
height: 10px;
margin: 0;
padding: 0;}

.titre_forum{
position: absolute;
width: auto;
height: 51px;
top: -15px;
margin: 0;
padding: 0;
z-index: 2;}
/* RUBAN  DE GAUCHE */
.titre_left{
background: url(http://i73.servimg.com/u/f73/17/99/16/25/505010.png) no-repeat transparent;
float: left;
width: 50px;
height: 49px;
margin: 0;
padding: 0;}
/* RUBAN DU CENTRE */
.titre_milieu{
background: url(http://i73.servimg.com/u/f73/17/99/16/25/55010.png) repeat-x transparent;
float: left;
width: auto;
min-width: 240px;/*longueur du ruban*/
height: 41px;
margin: 0;
padding: 0;}
/* RUBAN DE DROITE */
.titre_right{
background: url(http://i73.servimg.com/u/f73/17/99/16/25/droite12.png) no-repeat transparent;
float: left;
width: 50px;
height: 49px;
margin: 0;
padding: 0;}
/* DIV LIEN FORUM */
.link_forum{
display: block;
width: auto;
margin: 16px auto 0;
text-align: center; }
/* LIEN FORUM */
.link_forum a.forumlink{
margin-top:-5px;
display: block;
font-size:18px;
font-weight:bold;
font-style:oblique;
font-family: Georgia, cursive, serif;
color: #DAD97D;
text-shadow: #000000 1px 1px 1px;
width: 250px;
text-align: center ;}


/* - - - - - - - - - - - - - - - - - - - - - BANDEAU DU QEEL - - - - - - - - - - - - - - - - - - - - - - - - - - */
.top_cat {
position: relative;
width: 100%;
height: 66px;
vertical-align: bottom;
margin: 0;
padding: 0;
margin-top: 20px;}
.tfa_cat_gauche {
position: absolute;
left: -24px;
background: url(http://i73.servimg.com/u/f73/17/99/16/25/505010.png) no-repeat transparent;
width: 24px;
height: 66px;
margin: 0;
padding: 0;}
.tfa_cat_droite {
position: absolute;
right: -24px;
background: url(http://i73.servimg.com/u/f73/17/99/16/25/droite12.png) no-repeat transparent;
width: 24px;
height: 66px;
padding: 0;
margin: 0;}
.tfa_cat_center {
background: url(http://i73.servimg.com/u/f73/17/99/16/25/55010.png) repeat-x scroll center bottom transparent;
bottom: 0;
height: 66px;
line-height: 66px;
margin: 0;
padding: 0;}
         

- - - - -  - - - - - - - - - - - - - - - - - - - - - - - - - -/* NOM DU QEEL */
a.cattitle {
text-shadow: 1px 1px 1px #000000;
color: #DAD97D;
letter-spacing: 3px;
font-family: georgia;
font-weight: bold;
font-size: 17px;
text-decoration: none;
line-height: 66px;
display: block;
width: 100%;
height: 66px;
vertical-align: middle;
text-align: center;
padding-top: 4px;}
/* CONFIGURATION DE LA PREMIERE LETTRE DU QEEL */
span.cattitle a.cattitle:first-letter {
font-size: 40px;
color: maroon !important;}
/* POUR SUPPRIMER LES BORDURES DE LA BARRE DE TITRE */
td.catLeft, th.thLeft {
border-width: 0 0 0 0px;}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -NOM DU SUJET */
/* cellules flèches navigation */
.t-title{
height: 66px;
vertical-align: middle;
padding-top: 5px;}
/* titre du sujet */
.t-title .cattitle{
text-shadow: 1px 1px 1px #000000;
color: #DAD97D;
letter-spacing: 3px;
font-family: georgia;
font-weight: bold;
font-size: 17px;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - DESCRIPTION DES FORUM- - - - - - - */
.description_forum {
  color: #dad97d;
  padding: 20px;
  background-color: maroon;
  border-left: 5px solid #000000;
  border-right: 5px solid #000000;
  border-radius: 40px 40px 40px 40px;
  -webkit-transition-property: background-color;
  -webkit-transition-duration: 2s;
/* Firefox */
  -moz-transition-property: background-color;
  -moz-transition-duration: 2s;}
img.floatRight {float: right; margin: 4px;}
.description_forum:hover { background-color: #000000;}


/* - - - - - - - - - - - - - - - - - -BARRE DE MISE EN FORME DES MESSAGE - - - - - - - - - - - - - - - - - -  - - */
/* Barre de mise en forme des messages */
button.button2, input.button2 {   
border: 2px solid #000000;
border-radius: 2px 2px 2px 2px;
background-color: #B22222 ;}
/* le hover (image au survol) */
button.button2:hover, input.button2:hover {
border: 2px solid #000000;
border-radius: 2px 2px 2px 2px;
background-color: #B22222 ;}


/* - - - - - - - - - - - - - - - - - - - - -ZONE DE TEXTE - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
textarea, .textarea.post, input.post{
    color: #000000;
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    border-left: 3px solid #000000;
    border-right: 3px solid #000000;}


Dernière édition par Offrande le Lun 4 Mar 2013 - 1:31, édité 1 fois

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de CSS qui n'en fait cas sa tête!

Message par Tech le Dim 3 Mar 2013 - 18:37

Bonsoir,

Il faudrait essayer de rendre lisible votre code CSS. N'hésitez pas à faire des retours à la ligne, ... Wink

Vous pouvez déjà le passer ici et voir ce que cela vous donne : http://jigsaw.w3.org/css-validator/validator

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21125
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de CSS qui n'en fait cas sa tête!

Message par Offrande le Lun 4 Mar 2013 - 1:30

Ha merci beaucoup !
Je m'en douter un peut en plus !!

Mille merci et encore merci pour le lien, sa vas beaucoup me servir ça !

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande 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