[RESOLU] Probleme avec AJAX Star Rating sur IE

Marsh Posté le 29-12-2009 à 22:08:39

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 :

.ratingblock {
display:block;
padding-bottom:0px;
margin-bottom:0px;
}
.loading {
height: 30px;
background: url('../images/working.gif') 50% 50% no-repeat;
}
.unit-rating { /* the UL */
list-style:none;
margin: 0px;
padding:0px;
height: 15px;
position: relative;
background: url('../images/starrating.gif') top left repeat-x;
}
.unit-rating li{
text-indent: -90000px;
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}
.unit-rating li a {
outline: none;
display:block;
width:15px;
height: 15px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}
.unit-rating li a:hover{
background: url('../images/starrating.gif') left center;
z-index: 2;
left: 0px;
}
.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:15px;}
.unit-rating a.r2-unit{left:15px;}
.unit-rating a.r2-unit:hover{width: 30px;}
.unit-rating a.r3-unit{left: 30px;}
.unit-rating a.r3-unit:hover{width: 45px;}
.unit-rating a.r4-unit{left: 45px;}
.unit-rating a.r4-unit:hover{width: 60px;}
.unit-rating a.r5-unit{left: 60px;}
.unit-rating a.r5-unit:hover{width: 75px;}
.unit-rating a.r6-unit{left: 75px;}
.unit-rating a.r6-unit:hover{width: 90px;}
.unit-rating a.r7-unit{left: 90px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}
.unit-rating li.current-rating {
background: url('../images/starrating.gif') left bottom;
position: absolute;
height: 15px;
display: block;
text-indent: -9000px;
z-index: 1;
}
.voted {color:#999;}
.thanks {color:#36AA3D;}
.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

Reply

Marsh Posté le 29-12-2009 à 22:08:39

Reply

Marsh Posté le 30-12-2009 à 12:19:01

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

Reply

Marsh Posté le 30-12-2009 à 16:16:47

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

Reply

[RESOLU] Probleme avec AJAX Star Rating sur IE

Sujets relatifs:

Leave a Replay