Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1206 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Mauvais affichage d'une CSS sous Firefox mais ok sur I.Exp

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Mauvais affichage d'une CSS sous Firefox mais ok sur I.Exp

n°1296611
imperium
/!\ beware /!\
Posté le 01-02-2006 à 16:32:15  profilanswer
 

J'ai un petit problème avec la nouvelle version de mon site...
En fait, on peut choisir 2 skin : le rose ou le noir
Sur la page d'accueil, tout va bien !
Sur les autres pages, c'es OK aussi, mais pas pour Firefox !!!
 
http://x2.putfile.com/2/3109270032-thumb.jpg
 
Ci dessus, vous voyez ce que je vois sur I-Expl.
Dès que l'on change de skin, tout ce passe comme prévu.
 
http://x2.putfile.com/2/3109311296-thumb.jpg
 
Et là, c'est sous Mozilla... Ca fonctionne pour la page d'accueil, mais la page Equipe foire...
 
Vous avez une idée d'où cela peut-il venir ?? Vous avez besoin de mes scripts pr me dire çà ? (A priori ce n'est pas un pb de script puisque I.Expl gère le tout !)

mood
Publicité
Posté le 01-02-2006 à 16:32:15  profilanswer
 

n°1296640
skeye
Posté le 01-02-2006 à 16:47:10  profilanswer
 

Non bien sûr on a besoin de rien, on va deviner tout seuls ce qui peut bien se passer sur ton site lorsqu'on "change de skin"...[:dawa]

Message cité 1 fois

---------------
Can't buy what I want because it's free -
n°1296658
anapajari
s/travail/glanding on hfr/gs;
Posté le 01-02-2006 à 16:58:21  profilanswer
 

skeye a écrit :

Non bien sûr on a besoin de rien, on va deviner tout seuls ce qui peut bien se passer sur ton site lorsqu'on "change de skin"...[:dawa]


Tu n'as pas le logiciel de traitement des images "KomDanlesFilms" de Nolywood???
Grace à lui tu aurais pu zoomer sur l'image, rendre lisible les zones floutés et lire la bonne adresse, puis tu lui corrigerais sa css :o

n°1296660
imperium
/!\ beware /!\
Posté le 01-02-2006 à 16:59:14  profilanswer
 

:sweat:  Quelle *****
Bon alors...
Quand on change de skin, le lien c'est :

Code :
  1. <a href="#" onclick="setActiveStyleSheet('standard'); return false;"><img src="http://astrid.imperium.free.fr/layout/clemrose.png" alt="Clemence Poesy période Rose/Jaune" border="0" width="30"></a>
  2. <a href="#" onclick="setActiveStyleSheet('css01'); return false;"><img src="http://astrid.imperium.free.fr/layout/trionoir.png" alt="Le trio sur fond noir" border="0" width="30"></a><br>


 
En sachant que dans le head ya :

Code :
  1. <link rel="stylesheet" type="text/css" href="css02.css">
  2. <link rel="alternate stylesheet" href="css01.css" type="text/css" title="css01">


 
Et le Switcher (je sais pas si ca joue dans l'histoire ou non...) c'est :

Code :
  1. function setActiveStyleSheet(title) {
  2.   var i, a, main;
  3.   for(i=0; (a = document.getElementsByTagName("link" )[i]); i++) {
  4.     if(a.getAttribute("rel" ).indexOf("style" ) != -1 && a.getAttribute("title" )) {
  5.       a.disabled = true;
  6.       if(a.getAttribute("title" ) == title) a.disabled = false;
  7.     }
  8.   }
  9. }
  10. function getActiveStyleSheet() {
  11.   var i, a;
  12.   for(i=0; (a = document.getElementsByTagName("link" )[i]); i++) {
  13.     if(a.getAttribute("rel" ).indexOf("style" ) != -1 && a.getAttribute("title" ) && !a.disabled) return a.getAttribute("title" );
  14.   }
  15.   return null;
  16. }
  17. function getPreferredStyleSheet() {
  18.   var i, a;
  19.   for(i=0; (a = document.getElementsByTagName("link" )[i]); i++) {
  20.     if(a.getAttribute("rel" ).indexOf("style" ) != -1
  21.        && a.getAttribute("rel" ).indexOf("alt" ) == -1
  22.        && a.getAttribute("title" )
  23.        ) return a.getAttribute("title" );
  24.   }
  25.   return null;
  26. }
  27. function createCookie(name,value,days) {
  28.   if (days) {
  29.     var date = new Date();
  30.     date.setTime(date.getTime()+(days*24*60*60*1000));
  31.     var expires = "; expires="+date.toGMTString();
  32.   }
  33.   else expires = "";
  34.   document.cookie = name+"="+value+expires+"; path=/";
  35. }
  36. function readCookie(name) {
  37.   var nameEQ = name + "=";
  38.   var ca = document.cookie.split(';');
  39.   for(var i=0;i < ca.length;i++) {
  40.     var c = ca[i];
  41.     while (c.charAt(0)==' ') c = c.substring(1,c.length);
  42.     if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  43.   }
  44.   return null;
  45. }
  46. window.onload = function(e) {
  47.   var cookie = readCookie("style" );
  48.   var title = cookie ? cookie : getPreferredStyleSheet();
  49.   setActiveStyleSheet(title);
  50. }
  51. window.onunload = function(e) {
  52.   var title = getActiveStyleSheet();
  53.   createCookie("style", title, 365);
  54. }
  55. var cookie = readCookie("style" );
  56. var title = cookie ? cookie : getPreferredStyleSheet();
  57. setActiveStyleSheet(title);

n°1296669
skeye
Posté le 01-02-2006 à 17:03:46  profilanswer
 

Oh, le joli javascript.[:roane]
(on va passer pour tout ce qui est considérations du fonctionnement de la chose avec javascript désactivé...[:petrus75])
 
Au pif, la console javascript de firefox t'enverrait pas chier, par hasard?[:opus dei]


---------------
Can't buy what I want because it's free -
n°1296686
imperium
/!\ beware /!\
Posté le 01-02-2006 à 17:15:24  profilanswer
 

Ca j'en sais rien. J'ai trouvé la console sur un site spécialiste du CSS qui explique justement comment avoir plusieurs skins. Ca fonctionne tb chez eux ^^
(C'est pas du pickage je vous rassure c'est plutôt un tuto)
Bref j'en sais rien si Firefox bousille le javascript
 
Et sinon ce code javascript sert a garder le skin choisi lors du changement de page et à chaque connexion (en gros c'est pour le cookie)

Message cité 1 fois
Message édité par imperium le 01-02-2006 à 17:17:04
n°1296693
skeye
Posté le 01-02-2006 à 17:17:45  profilanswer
 

euh non.
Dans firefox, tu ouvres outils->console javascript.
Et là tu cliques ton lien et tu regardes s'il y a du nouveau dans la console...;)


---------------
Can't buy what I want because it's free -
n°1296695
anapajari
s/travail/glanding on hfr/gs;
Posté le 01-02-2006 à 17:18:27  profilanswer
 

imperium a écrit :

J'ai trouvé la console sur un site spécialiste du CSS qui explique justement comment avoir plusieurs skins.


Mais la console c'est pas ça...[:cryv]
Dans ton FF tu fais outils>Console Javascript
 
ça t'affiche une nouvelle fenêtre et tu nous dis ce qu'il y a marqué en tout en bas!!!

n°1296697
skeye
Posté le 01-02-2006 à 17:19:07  profilanswer
 

sinon tu peux aussi faire un vrai lien, passer le bon css en GET, et écrire le cookie en php ou je ne sais quel langage serveur tu utilises...


---------------
Can't buy what I want because it's free -
n°1296712
imperium
/!\ beware /!\
Posté le 01-02-2006 à 17:27:23  profilanswer
 

:whistle: Sorry je ne savais pas ^^
%Mais grâce à vous j'ai appris un truc nouveau (ben vi je connaissais pas Console JS sur FF)
http://img81.imageshack.us/img81/5788/erreurerreurerreur6yi.th.jpg
Woow ca fait bcp d'erreurs d'un coup  :ouch:


Message édité par imperium le 01-02-2006 à 17:28:26
mood
Publicité
Posté le 01-02-2006 à 17:27:23  profilanswer
 

n°1296717
skeye
Posté le 01-02-2006 à 17:29:16  profilanswer
 

T'as ça au moment où tu cliques? :??:
Il te donne pas la ligne, au bout à droite?


---------------
Can't buy what I want because it's free -
n°1296722
imperium
/!\ beware /!\
Posté le 01-02-2006 à 17:32:07  profilanswer
 

Heu nan...  :heink:  
J'ai la version 1.0.4 (au cas où ca changerait qq chose)

n°1296728
skeye
Posté le 01-02-2006 à 17:34:47  profilanswer
 

Il devrait...t'as pas un ascenseur horizontal?[:urd]
 
Pour être franc, j'ai la flemme d'essayer de lire tout ce code et de comprendre ce qui va pas...faire ça avec le langage serveur te dirait pas, plutot? :D


---------------
Can't buy what I want because it's free -
n°1296735
anapajari
s/travail/glanding on hfr/gs;
Posté le 01-02-2006 à 17:41:12  profilanswer
 

elle est en ligne ta page non? ( enfin sur un site free)...
tu veux pas donner l'url ? ça irait plus vite!!!

n°1296736
imperium
/!\ beware /!\
Posté le 01-02-2006 à 17:43:37  profilanswer
 
n°1296749
anapajari
s/travail/glanding on hfr/gs;
Posté le 01-02-2006 à 17:59:14  profilanswer
 

marche très bien sur mon FF(1.5) :o

Message cité 1 fois
n°1296751
imperium
/!\ beware /!\
Posté le 01-02-2006 à 18:00:02  profilanswer
 

:sweat: ne me dit pas ca !! enfin a la limite, tant mieux, mais on s'est chié dessus pour rien  :fou:  :o  :pfff:
 
EDIT : je viens de charger la version 1.5 de Firefox j'ai tjrs le mm pb  :heink:


Message édité par imperium le 01-02-2006 à 18:04:36
n°1296776
skeye
Posté le 01-02-2006 à 18:34:07  profilanswer
 

anapajari a écrit :

marche très bien sur mon FF(1.5) :o


si tu navigues un peu c'est très variable...[:pingouino]


---------------
Can't buy what I want because it's free -
n°1296811
imperium
/!\ beware /!\
Posté le 01-02-2006 à 19:02:42  profilanswer
 

Haha t'as vu le bordel un peu ?  
 :(

n°1296813
skeye
Posté le 01-02-2006 à 19:08:19  profilanswer
 

Personnellement je virerais tout ce bordel en javascript et je referais ça proprement en php...[:skeye]


---------------
Can't buy what I want because it's free -
n°1296830
imperium
/!\ beware /!\
Posté le 01-02-2006 à 19:19:27  profilanswer
 

Encore faut-il savoir le faire  :cry:
 
EDIT : Si ca peut nous aider, voici le site où j'avais trouvé cette histoire de skin : http://batraciens.net/css-astuces/skins-changement.htm


Message édité par imperium le 01-02-2006 à 19:27:27
mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Mauvais affichage d'une CSS sous Firefox mais ok sur I.Exp

 

Sujets relatifs
IE vs firefox, BUG de CSS!! help ???affichage pourcents déja calculé ???
Comment récupérer la résolution d'une page en CSS/PHP ?[CSS] Masquer le <hr /> ?
probleme affichage image[wxPython] Rafraichissement affichage
Décalage CSS sous I.E. [exemple inside]Document pour aide CSS
Deux erreurs de placement CSS !! 
Plus de sujets relatifs à : Mauvais affichage d'une CSS sous Firefox mais ok sur I.Exp

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.118 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR