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
