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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [RESOLU] Probleme avec AJAX Star Rating sur IE

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[RESOLU] Probleme avec AJAX Star Rating sur IE

n°1953778
seozus
Posté le 29-12-2009 à 22:08:39  profilanswer
 

Bonjour a vous tous, petit problème avec IE, encore! héhé
 
Donc voila, j'utilise un script d'évaluation AJAX Star Rating qui semble bien fonctionner autant sous Firefoix que IE, mais par contre, sour IE, l'affiche ne se fait pas correctement...
 
http://www.quizcity.net/fr/list_cat.php?catid=1
 
Regardez les petites étoiles sous Firefox.. Parfait! Et puis sous IE... c'est décalé! :(
 
J'ai bidouillé un peu dans le CSS mais je m'avou un peu perdu, vraiment perdu en fait.
 
Voici le CSS du module:

Code :
  1. .ratingblock {
  2. display:block;
  3. padding-bottom:0px;
  4. margin-bottom:0px;
  5. }
  6. .loading {
  7. height: 30px;
  8. background: url('../images/working.gif') 50% 50% no-repeat;
  9. }
  10. .unit-rating { /* the UL */
  11. list-style:none;
  12. margin: 0px;
  13. padding:0px;
  14. height: 15px;
  15. position: relative;
  16. background: url('../images/starrating.gif') top left repeat-x;
  17. }
  18. .unit-rating li{
  19.     text-indent: -90000px;
  20. padding:0px;
  21. margin:0px;
  22. /*\*/
  23. float: left;
  24. /* */
  25. }
  26. .unit-rating li a {
  27. outline: none;
  28. display:block;
  29. width:15px;
  30. height: 15px;
  31. text-decoration: none;
  32. text-indent: -9000px;
  33. z-index: 20;
  34. position: absolute;
  35. padding: 0px;
  36. }
  37. .unit-rating li a:hover{
  38. background: url('../images/starrating.gif') left center;
  39. z-index: 2;
  40. left: 0px;
  41. }
  42. .unit-rating a.r1-unit{left: 0px;}
  43. .unit-rating a.r1-unit:hover{width:15px;}
  44. .unit-rating a.r2-unit{left:15px;}
  45. .unit-rating a.r2-unit:hover{width: 30px;}
  46. .unit-rating a.r3-unit{left: 30px;}
  47. .unit-rating a.r3-unit:hover{width: 45px;}
  48. .unit-rating a.r4-unit{left: 45px;}
  49. .unit-rating a.r4-unit:hover{width: 60px;}
  50. .unit-rating a.r5-unit{left: 60px;}
  51. .unit-rating a.r5-unit:hover{width: 75px;}
  52. .unit-rating a.r6-unit{left: 75px;}
  53. .unit-rating a.r6-unit:hover{width: 90px;}
  54. .unit-rating a.r7-unit{left: 90px;}
  55. .unit-rating a.r7-unit:hover{width: 210px;}
  56. .unit-rating a.r8-unit{left: 210px;}
  57. .unit-rating a.r8-unit:hover{width: 240px;}
  58. .unit-rating a.r9-unit{left: 240px;}
  59. .unit-rating a.r9-unit:hover{width: 270px;}
  60. .unit-rating a.r10-unit{left: 270px;}
  61. .unit-rating a.r10-unit:hover{width: 300px;}
  62. .unit-rating li.current-rating {
  63. background: url('../images/starrating.gif') left bottom;
  64. position: absolute;
  65. height: 15px;
  66. display: block;
  67. text-indent: -9000px;
  68. z-index: 1;
  69. }
  70. .voted {color:#999;}
  71. .thanks {color:#36AA3D;}
  72. .static {color:#5D3126;}


 
Une idée, est-ce corrigeable sans que ça affecte aussi firefox? Ne vous gênez pas pour visualiser la source de la page dont j'ai fourni le lien...
 
Un grand merci pour votre aide!
 
:)
 
Seozus
 
EDIT : J'avais posté un lien de mon localhost héhé, désolé, maintenant c'est bon!


Message édité par seozus le 30-12-2009 à 16:17:08

---------------
www.failqc.com : FailBlog québécois
mood
Publicité
Posté le 29-12-2009 à 22:08:39  profilanswer
 

n°1953926
pataluc
Posté le 30-12-2009 à 12:19:01  profilanswer
 

en même temps ce script n'est plus supporté depuis 2 an et 1/2. et le problème semble référencé sur le blog du mec...

Spoiler :

et en plus ie6 c'est le mal


:spamafote:
 
essaie quand même de rajouter des bordures à tes ul et li pour les visualiser, tu dois avoir une marge ou un alignement foireux...

n°1954018
seozus
Posté le 30-12-2009 à 16:16:47  profilanswer
 

En rajoutant les bordures et en bidouillant sur les background-position, j'ai réussi a rendre l'affichage quasiment parfait sous IE et intact sous Firefox.
 
Voir: http://www.quizcity.net  et cliquez sur une catégorie... C'est presque parfait! :)
 
Merci à toi!


---------------
www.failqc.com : FailBlog québécois

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

  [RESOLU] Probleme avec AJAX Star Rating sur IE

 

Sujets relatifs
Probleme d'affectation de flotteDoxygen (problème avec des noms de variable/de classe)
Conflit entre deux .js[Resolu]Problème avec news pour site web
Probleme de compatibilite entre IE et FirefoxProbleme vidéo inséré sous Firefox
[C] probleme sprintf et pointeur :SProbleme url dans les sous dossiers
Affichage sous IE 
Plus de sujets relatifs à : [RESOLU] Probleme avec AJAX Star Rating sur IE


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