CSS qui ne fonctionne plus

[Naokiki]

Rappel du premier message :

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]

Le css lu chez moi est celui de base.
avez-vous dévalidez ?

Il se peut que sur IE les fichiers Css et JS soient en mémoire.
vider votre cache complétement
Quitter
et recharger la page.

[Naokiki]

Rien du tout. En fait, je commence à croire que c'est sans espoir; Et comme par hasard, le lendemain du jour où je reformate tout le pc à cause d'une saloperie d'écran bleu qui faisait redémarrer mon pc toutes les 10 minutes u_u. Si on me dit que c'est pas lié...j'y crois pas xD

[ge80]

Ok maintenant c'est votre css modifié

Il reste une différence entre IE et FF.
C'est comme chez vous
Donc un problème de compatibilité avec FF
Vérifiez votre CSS

Donc cela n'a rien à voir avec votre problème de PC mais c'est un problème de différence de compréhension entre FF et IE.
Seul l'encadrement ne passe pas.

[Naokiki]

Et ma page d'accueil non plus. Normalement, elle est constituée d'onglets



Mais si il y un problème de compaptibilité...pourquoi ça ne c'est pas déclaré avant. Le bug est vraiment apparu hier soir, quand j'ai réinstallé firefox.

[ge80]

Code:

.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;
}

Vérifiez votre option -moz-box-shadow:

[FANCH 56]

As-tu cherché les mises à jour de FF ?

Est-ce que le style de la page dans le menu FF est bien : Style de base ?

[ge80]

Et avant aviez vous la même version de firefox ?
Cela pourrait expliquer la différence de fonctionnement

[Naokiki]

Euuuuuh...Je dois voir un truc qui cloche ? xD
Parce que pour moi, il n'y a rien d'annormal. * revérifie à fond en mode névrosé *

Pour la version de Firefox, j'y ai pensé, mais je n'en sais absolument rien. Et puis de toute façon, il fait souvent les mises à jours donc il devait se trouver au même niveau que celui que j'ai maintenant...non ? xD

Oui, il est bien en style de base, j'ai également cherché les mises à jours et rien n'y fait

[ge80]

Je vérifie aussi qu'il ne reste pas un commentaire non pris en compte...

mais je reste persuadé qu'avant vous aviez une version moins récente de FF donc avec des différences de lecture des paramètres spécifiques
Il faut revoir calmement toutes les options et paramètres -moz
https://developer.mozilla.org/fr/CSS/-moz-box-shadow
https://developer.mozilla.org/fr/CSS/-moz-box-shadow

[Naokiki]

Pour moi, après ce que je viens de lire sur ton lien, ils sont tous bon...Eh bien, je pense être fixé. Après des semaines de travail sur ce forum, tout est à refaire u_u

[ge80]

L'inspecteur de code me signale une erreur sur la ligne

Code:

<div style="display: none;" id="content_2" class="content">
                           <script type="text/javascript">
                              $(document).ready(function() {
                              $("#accordion, #accordion div").mouseover(function() {
                              $(this).addClass("hover");
                              }).mouseout(function() {
                              $(this).removeClass("hover");
                              });
                              });
                           </script>

qui pourrait expliquer une différence de fonctionnement entre les deux navigateurs (IE respecte peu les régles).

Je repose la question : Avant le formatage; le FIREFOX était--il le même ?

[Naokiki]

Ben je saurais pas savoir, j'avais sûrement le 3.5 pour firefox, j'ai pas noté la version que j'avais.

Je vais aller voir ce code.

[ge80]

Et un truc étrange dans votre css

Code:

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

Est-ce normal le "image" (je n'ai pas étudié tout votre css, je fais un survol rapide.

[Naokiki]

Le "IMAGE" c'est simplement pour me souvenir qu'à cet endroit, je dois placer l'url d'une image. Je fais toujours ça.

En tout cas, le code donné plus haut provient de ma page d'accueil.

Code:

<div style="display: block;" id="content_2" class="content">
                           <script type="text/javascript">
                              $(document).ready(function() {
                              $("#accordion, #accordion div").mouseover(function() {
                              $(this).addClass("hover");
                              }).mouseout(function() {
                              $(this).removeClass("hover");
                              });
                              });
                           </script>
                           <div id="accordion">

                              <div id="TEXTE">
                                 <img src="IMAGE" alt="TEXTE">
                              </div>
                              <div id="TEXTE">
                                 <img src="IMAGE" alt="TEXTE">
                              </div>
                              <div id="TEXTE">
                                 <img src="IMAGE" alt="TEXTE">
                              </div>

                              <div id="TEXTE">
                                 <img src="IMAGE" alt="TEXTE">
                              </div>
                              <div id="TEXTE">
                                 <img src="IMAGE" alt="TEXTE">
                           <a href="LIEN">NOM DU LIEN</a>   </div>
                           </div>

[ge80]

Donc le problème peut aussi être dans un template et cela gêne FF et pas IE !

Il va falloir reprendre tout vos modifications calmement.

PS : je pars me restaurer

[Naokiki]

Bonne restauration xD
En fait, je crois que je vais regarder à ça quand je serais en congé. Au calme et que je ne serais plus au bord de la crise d'hystérie xD

En tout cas, merci à vous deux de m'aider <3

[ge80]

Merci

Je viens de détecter avant l'apéro une erreur (et il y en a d'autres)

Code:

.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 2px 2px 4px 2px; opacity: 0.8;}


il manque le ' dans l'url

Code:

.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 2px 2px 4px 2px; opacity: 0.8;}


[Naokiki]

*_______________*

MAMA MIA !
* prend de l'élan et cours vers ge80, saute dessus et s'accroche à sa jambe *

ça refonctiooooooonne ;A; juste grâce à un misérable petit '

MERCi ! *O*

Aille lauve Iou

Je vais pouvoir aller travailler l'esprit tranquille xD

[ge80]

Et ben voilà
Cela ma fait gamberger
Merci

A la votre...

Reste l'erreur de code !

[FANCH 56]

BRAVO ge quel maestria

Finis ton apéro maintenant tu as bien mérité.

[ge80]

C'est fait.
Maintenant c'est le digestif

[Naokiki]

Reste l'erreur de code !

Je reverrais ça bien au calme, là je vais manger puis me doucher pour aller bosser ;A; ouiiiin. J'ai pas enviiie, vivement les congés ! plus que deux mois et demin è_é ! On y croit !

En tout cas, encore une fois, merci beaucoup. Si j'avais été à côté de toi, je t'aurais payé un verre xD

[ge80]

:thanks:

[Mikltov]

J'avais eu le problème récemment (ce week-end), et c'était lié par le changement de nom de mon forum.

Ce que j'ai du faire, c'était de changer les différentes lignes de mon code CSS. J'en avais certaines qui régulaient un système de case, et une autre partie du code l'icône personnalisée de mon forum...

Avant, la partie de l'icône était tout au-dessus, avec celle des cases à la fin.
Depuis que j'ai inversé l'ordre, je n'ai plus ce problème.

J'espère avoir pu vous aider...

Edit : excusez-moi, je n'avais pas remarqué que c'était résolu.

[ge80]

Pas grave car votre commentaire pourra servir à d'autres.
Ici les problèmes étaient multiples.