CSS qui ne fonctionne plus

[Naokiki]

Bonjour à tous,

Je vous expose le problème. Voilà, depuis hier soir, mon forum n'affiche plus du tout les propriétés de ma page CSS. Au début, j'ai pensé que c'était du au fait que j'avais totalement du réinstaller windows et que du coup, j'ai récupéré mon ordinateur comme à sa sortie d'usine. J'ai donc cherché si il y avait une option de firefox qui empêchait le bon affichage du CSS puis, par logique, j'ai été voir sur d'autres forum, qui eux, n'ont aucun problème. J'en conclus donc que le problème vient de mon forum...mais je ne vois absolument pas d'où cela provient. J'ai tellement ramer pour faire un CSS correct...U__U

Mon code CSS si besoin.

Spoiler:

Et le lien du forum aussi; http://youwilltestmesoon.forumactif.com/index.htm

Voilà, je suis un peu déséspéré là. Si ça ne revient pas dans l'ordre, je ne pense pas refaire ce forum u_u

[ge80]

Bonjour

Aviez-vous un Css personnalisé ?

Le Css par défaut est-il validé ou non ?

A vérifier dans votre panneau d'administration et nous dire le résultat.

Cordialement
Ge

[Naokiki]

C'est en effet un CSS personnalisé. le CSS par défaut est activé. Mais le truc, c'est qu'il fonctionnait très bien il y a deux jours et que je n'y ai absolument pas touché depuis lors.

Mais là, je viens de basculer sur Explorer pour voir et...là, ça fonctionne. Donc il y a sûrement une option avec firefox. Le problème est survenu depuis que je l'ai réinstallé. Je vais voir dans les options si je vois quelque chose Oo

[ge80]

Avec Firefox avez-vous des modules complémentaires ?

[Naokiki]

Non pas du tout. En fait, pour expliquer la situation, j'avais, avec mon pc, un problème, le fameux écran bleu de la mort windows. Il n'y avait plus qu'une solution pour ce problème, rétablir les paramètres d'usines. J'ai donc tout perdu de ce qu'il y avait sur mon pc. Hier, j'ai donc téléchargé firefox parce que je déteste naviguer sur Explorer. Donc, c'est vraiment le firefox de base que j'ai. Il n'y a aucun nouveau plugin, rien du tout.

[ge80]

Vérifiez avec IE qu'en en faisant un CTRL-F5 l'affichage reste correct.

J'ai testé le lien et tout semble correct donc problème sur le navigateur.

[Naokiki]

Oui, l'affichage reste correct. Bon, l n'est pas exactement le même que ce que j'avais fait sur firefox mais bon, je sais que Explorer n'interprète pas le CSS de la même manière.
Mais ce qui me sidère, c'est que sur les autres forums, tout s'affiche parfaitement. Réinstaller firefox peut être ? Oo

[ge80]

Votre forum avait-il du flash (lecteur à ajouter) à la version de base ?

Quelle est la version de FF que vous avez installée ?

[Naokiki]

J'ai la version 3.6.8
Je viens de réinstaller, ça change rien et je n'ai aucun contenu flash.

[ge80]

OK

donc RAS

Validez le javascript dans Outils >> Options .

[Naokiki]

C'est déjà fait ;A;

[ge80]

Bizarre.
votre antivirus (si vous en avez un ) ne bloque pas car vous surfez !
donc je coince.

Vous avez un accès normal à ce forum avec firefox ?

[Naokiki]

Comment ça un accès normal ?
J'ai tout de même désactivé mon antivirus pour voir mais il n'y a aucun changement.

[ge80]

Pour venir sur ce forum est-ce avec FF ou avec IE.
Car si c'est avec FF, je ne vois pas l'origine du problème !

[Naokiki]

Avec FF. Et franchement, je ne vois pas non plus d'où peut bien provenir ce problème à la con. J'ai également esayé de copier mon CSS sur un autre forum et ça ne fonctionne pas non plus. u_u J'y ai pas touché alors ça m'énèrve vraiment. Surtout que j'y ai passé des jours et des jours. Et sans mon CSS, tous mes codes html, qui eux fonctionnent, n'ont plus aucunes propriétés. Ce qui est très moche et qui réduit fortement les possibilités d'avoir un forum qui ressemble à quelque chose.

[ge80]

Non votre problème n'est pas votre forum mais Firefox !

Car sur mon poste et avec firefox je n'ai pas de problème.

Bizarre, je réfléchis encore.

[Naokiki]

Ouiiiiiiiin ;A;
J'ai un bon pannel d'insultes et de jurons à balancer mais je vais le faire oralement pour ne pas choquer hein xD

Ou alors, il y aurait justement un module à installer ou quoi ?
Mais ce qui est le plus bizarre c'est qu'il n'y a que MON CSS qu'il ne décode pas. Vu que les autres forums s'affichent très bien.

[ge80]

Voilà une image de chez moi

Est-ce normal ?

[FANCH 56]

Bonjour

Je me pose une question :

Pouyr que mon CSS fonctionne, je suis obligé de mettre dans les titres

/* ************TITRE DE MON CODE CSS******** */

Si je retire le / , le code ne fonctionne plus.

Est-ce normal chez toi ? de ne plus avoir les / dans le titre

Voilà comment cela se présente dans mon CSS

/* ************ SPOILER BON*********************************************** */
.spoiler dt {
border-bottom: 1px solid #EFECCA !important; background-color:#ffffcc !important;

background: #ffffcc url(http://colsbleus.fr/cb/techno/oeil.gif) no-repeat !important;

text-indent: 1500px !important;

font size : 0px;

height: 25px !important;

overflow: hidden !important;

. img: max-width:500px;

max-width:700px;

}

.spoiler dd {

padding: 0px;

}

/* ***********INTERLIGNES ENTRE PHOTO AVATAR ET PSEUDO************************** */
img {
border-width: 0;
padding-bottom: 10px;
}


/* ****************TAILLE DES POLICES DANS LA ZONE DE SAISIE *************** */

textarea#text_editor_textarea {
font-size:16px; !important;
font-style: italic;!important;
line-height:21px;
}

Et dans le CSS d'origine

/* ***************Most stable Standards-compliant 3-column layout by Ryan Brillhttp://www.alistapart.com/articles/negativemargins******************** */
#content-container div#container {
width: 100%;
float: left;
margin-right: -0px;

Les / y figurent bien

[ge80]

Salut Fanch-56.
Non cela n'est pas normal car dans ce cas cela n'est plus un commentaire.

[Naokiki]

Ben pour l'image, je ne vois que le coin du forum donc ça ne m'aide pas beaucoup. Et je ne sais pas cliquer dessus pour l'agrandir <<.

FANCH 56, j'y ai pensé il y a quelques minutes, j'ai donc été rajouter des / à tous mes titres mais, ça ne change rien. Surtout qu'avant, je n'en avait pas et que ça allait très bien .

[FANCH 56]

il doit être comme ceci. La barre, une etoile, un espace et l'inverse à la fin

/* ***TITRE*** */

[ge80]

Je n'avez pas vu le rajout du css !

/* MESSAGES EN GENERAL */

Essayez cela.

[Naokiki]

Ben oui, c'est ce que j'ai modifié il y a dix minutes et d'ailleurs;

Spoiler:

EDIT: Ok, je vais essayer =)

[ge80]

Et il y a aussi à la fin

Code:

/* ***** FIN *****  */

[Naokiki]

Non, l'affichage n'est pas correct. Normalement, j'ai une page d'accueil faite avec une i frame dont les propriétés sont décrites dans le CSS, mes descriptions de catégories sont dans un cadre avec une barre de défilement et les sous forums sont sur la droite, également dans un encadré.

Même en changeant le CSS comme vous me le dites, ça ne change rien. En clair, je crois que je vais devoir recommencer u_u. Je n'en ai pas la moindre envie...

[ge80]

Donc c'est cela.
votre css a des erreurs

Il y a des erreurs partout

Code:


***** FIN ******

****** CATEGORIES ******

un commentaire débute par /* et se termine par */

[Naokiki]

Ok, mais maintenant que j'ai tout changer...je ne vois pas ce qui cloche. Et surtout, pourquoi, sur Explorer, ça fonctionne parfaitement ?

[ge80]

Ma correction des commentaires

Code:

/* MESSAGES EN GENERAL */

.messages2 {
-moz-border-radius: 20px;
border: 5px solid white;
-moz-box-shadow: #000000 0px 0px 4px 0px;
padding: 10px;}



.messages {
-moz-border-radius: 20px;
border: 5px solid white;
-moz-box-shadow: #000000 0px 0px 4px 0px;
padding: 10px;
overflow: auto;
height: 500px;}

.boxtitle {
background: url(http://img825.imageshack.us/img825/4296/sanstitre1copie.png') repeat;
width: 160px;
height: 10px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
display:block;
font-size:11px;
margin:0 0 5px;
padding:3px 10px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
-moz-box-shadow: #000000 0px 0px 4px 0px;
opacity: 0.8}

.boxtitle:hover {
opacity: 1}

/* FIN */

/* CATEGORIES */

.descriptions {
width: 360px;
height: 60px;
-moz-border-radius: 20px;
border: 5px solid white;
-moz-box-shadow: #000000 0px 0px 4px 0px;
padding: 10px;
overflow: auto;
background-image: url("http://img825.imageshack.us/img825/4296/sanstitre1copie.png");
opacity: 0.8;
}

.liens {
width: 100px;
height: 60px;
-moz-border-radius: 20px;
border: 5px solid white;
-moz-box-shadow: #000000 0px 0px 4px 0px;
padding: 10px;
margin-left: 10px;
font-size: 10px;
color: black !important;
background-image: url("http://img825.imageshack.us/img825/4296/sanstitre1copie.png");
opacity: 0.8;
}

.liens:hover {
color: black !important;
}

/* FIN */


/* PROFIL */

.avatarentour {
text-align:center;
padding:9px;
background-color:#F5BE70;
-moz-border-radius:10px;
-moz-box-shadow: #000000 0px 0px 4px 0px;
}

.profilentour {
text-align:center;
padding:9px;
border:10px white double;
-moz-border-radius:10px;
-moz-box-shadow: #000000 0px 0px 4px 0px;
}


.postdetails.poster-profile {
font-size:10px;
}



/* FIN */


/* OMBRES */


.forumline {
padding-left:3px;
padding-right:3px;
padding-top:3px;
padding-bottom:3px;
-moz-box-shadow: 3px 3px 3px 3px #9B9A9A; }



/* enlever le dernière édition */
tr.post span.gensmall { display: none; }



.tableaupresent{
background-color:#F5EEEC ;
border: 10px solid #FFFFFF;
-moz-border-radius:20px;}


/* marge et justifié sur les messages */
.postbody {
    display: block;
margin-left: 10px;
margin-right: 10px;
  text-align:justify;}


/* changer la taille de code  */

.code {
max-width:420px !important;
}

.code div {
max-width:420px !important;
}


/* curseur */
body {
    cursor: url(http://www.pastelsmash.com/tinyarrow.cur), default!important; ;
}

a:hover {
    cursor: crosshair;
}




/* enlever les POINTILLES du HEADER */
a {
outline: none;
}




/* pas de soulignement sur les liens */
a:link {text-decoration: none !important;}
a:visited {text-decoration: none !important;}
a:hover {text-decoration: none !important;}
a:active {text-decoration: none !important;}





/* contour du forum */
.forumline{
    background-color: #ffffff;
    border: 7px #ffffff solid;
-moz-border-radius:20px;
    }




/* liens du forum */
a.forumlink{
font-family: Tahoma;
background: url('') repeat;
margin-left: 10px;
width: 360px;
height: 10px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
display:block;
font-size:10px;
padding:5px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
-moz-box-shadow: #000000 0px 0px 4px 0px;
color: #bde3e6 !important;
}


a.forumlink:hover{
color: #FFD79E !important;
}












/* PAGE ACCUEIL */

#generalite{
width:780px;
height:430px;
background:url(IMAGE) no-repeat transparent;
}

#tableau_generalite{
margin-top:86px;
}

#generalite h1 {
font-size:32px;
font-variant:small-caps;
}

#context{
float:left;
}

#info{
}

#top_site{
}

#tabbed_box {
width:624px;
}

ul.tabs {
margin:5px 0 0;
padding:0 0 0 10px;
}

ul.tabs li {
    list-style:none;
    display:inline;
}

ul.tabs1 {
margin:-1px 0 0;
padding:0 0 0 402px;
}

ul.tabs1 li {
    list-style:none;
    display:inline;
}

ul.tabs li a#tab_1,
ul.tabs li a#tab_2,
ul.tabs li a#tab_3,
ul.tabs li a#tab_4 {
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
background:url("") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
color:#DEC7FD;
font-size:10px;
font-weight:bold;
padding:1px 14px;
text-decoration:none;
text-transform:uppercase;
border-bottom:none;
}
ul.tabs li a#tab_1:hover,
ul.tabs li a#tab_2:hover,
ul.tabs li a#tab_3:hover,
ul.tabs li a#tab_4:hover {
background-color:#282e32;
background:url("http://img213.imageshack.us/img213/8830/sanstitre1copiea.png") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
border-bottom:none;
text-decoration:none !important;
color:#2F2D2E;
}
ul.tabs li a#tab_1.active,
ul.tabs li a#tab_2.active,
ul.tabs li a#tab_3.active,
ul.tabs li a#tab_4.active {
background:url("http://img213.imageshack.us/img213/8830/sanstitre1copiea.png") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
border-bottom:none;
color:#2F2D2E;
}

ul.tabs1 li a#tab_5,
ul.tabs1 li a#tab_6,
ul.tabs1 li a#tab_7,
ul.tabs1 li a#tab_8 {
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
background:url("") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
color:#DEC7FD;
font-size:10px;
font-weight:bold;
padding:1px 14px;
text-decoration:none;
text-transform:uppercase;
border-top:none;
}
ul.tabs1 li a#tab_5:hover,
ul.tabs1 li a#tab_6:hover,
ul.tabs1 li a#tab_7:hover,
ul.tabs1 li a#tab_8:hover {
background-color:#282e32;
background:url("http://img213.imageshack.us/img213/8830/sanstitre1copiea.png") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
border-top:none;
text-decoration:none !important;
color:#2F2D2E;
}
ul.tabs1 li a#tab_5.active,
ul.tabs1 li a#tab_6.active,
ul.tabs1 li a#tab_7.active,
ul.tabs1 li a#tab_8.active {
background:url("http://img213.imageshack.us/img213/8830/sanstitre1copiea.png") no-repeat scroll 0 0 transparent;
border:1px solid #E1BC7C;
border-top:none;
color:#2F2D2E;
}

#top_site{
background:url("image topsites ?") no-repeat scroll 0 -8px transparent;
float:right;
height:46px;
position:relative;
right:114px;
top:-75px;
}

#top_site a{
padding-right:10px;
}

#top_site a img{
position:relative;
top:26px;
}

.content {
-moz-border-radius:13px 13px 13px 13px;
background:url("IMAGE DE FOND") no-repeat scroll 0 0 #FFFFFF;
border:1px solid #E1BC7C;
height:230px;
opacity:10;
padding:10px;
}

#tabbed_box #content_1{
font-size:12px;
line-height:19px;
padding-left:20px;
padding-right:20px;
text-align:center;
}


#accordion {
  width: 500px;
margin-left:50px; }
#accordion div {
  float:left;
height:250px;
overflow:hidden;
width:100px;}
#accordion:hover div, #accordion.hover div {
  width: 30px; }
#accordion:hover div:hover, #accordion.hover div.hover {
  width: 365px;
  overflow: auto; }

#accordion .image {
float:left;
width:100px;
}

#accordion .texte{
}

#expli{
float:left;
font-size:10px;
margin-top:45px;
}

#info ul{
margin:0px;
}

#info ul li{
font-size:14px;
line-height:28px;
list-style-image:url("IMAGE");
}

#info ul li a{
text-decoration:none;
border-bottom: 1px dashed;
}

#info ul li a:hover{
text-decoration:none !important;
font-variant:small-caps;
}

.gradualfader{
filter:alpha(opacity=90);
-moz-opacity:0.9;opacity: 0.9;
}
.gradualfader:hover{
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

p#staff{
text-align:center;
font-size:14px;
font-weight:bold;
margin:0px;
}

p#staff .info_staff{
font-size:10px;
font-weight:normal;
}

div#img_staff{
margin-left:29px;
margin-top:10px;
}

a#profil_andy{
display:block;
height:16px;
left:144px;
position:relative;
top:-23px;
width:53px;
}

a#mp_andy{
display:block;
height:16px;
left:205px;
position:relative;
top:-39px;
width:83px;
}

a#profil_jade{
display:block;
height:16px;
left:310px;
position:relative;
top:-55px;
width:53px;
}

a#mp_jade{
display:block;
height:16px;
left:370px;
position:relative;
top:-71px;
width:83px;
}

div#content_5, div#content_6{
text-align:center;
}

p#titre_partenaire{
font-size:18px;
font-weight:bold;
margin-top:0px;
}

p#info_partenaire{
font-size:10px;
}

div#content_5 a.lien{
text-decoration:none;
border-bottom: 1px dashed;
font-size:14px;
}

div#content_5 a.lien:hover{
text-decoration:none !important;
font-variant:small-caps;
}


/* FIN */

[Naokiki]

Même avec la correction, rien ne bouge.

Je vous met une capture qui provient d'Explorer



Bon évidemment, il n'y a pas lesarrondis ni rien <<