Discussion :

[issam33]

salut tout le monde

j ai un probleme qui me rond fou . je travaille sur un resultat de vote presenter par des images sous FF ca marche sans aucun probleme mais sous IE7 j ai une decalage vers le bas.

si quelqu un a une idee
merci d avance

[Candygirl]

Hello,

sans le code qui génère le problème ça va être dur de t'aider. As-tu un lien vers une page sur laquelle on peut constater le problème?

[issam33]

voila de code CSS:

/* star rating on */
.commentRating {float:right; margin:4px 5px 0 4px}
.commentRating ul li {background:none; margin:1px 0; padding:0}

.commentRating .starRating, .commentRating .starRating a:hover, .commentRating .starRating a:active, .commentRating .starRating a:focus, .commentRating .starRating .curRating {background: url('../images/star-rating-reactions.gif') left -1000px repeat-x; line-height:9px; height:10px}
.commentRating .starRating {position:relative; width:60px; height:10px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; float:left}
.commentRating .msgRating {float:left; padding:0 0 0 3px; font-size:10px; color:#999999; line-height:11px}
.commentRating .starRating li {display:inline-block}
.commentRating .starRating a, .commentRating .starRating .curRating {position:relative; top:0; left:0; text-indent:-1000em; height:10px ; line-height:9px; outline:none; overflow:hidden;background-position: left center}

.commentRating .starRating a:hover, .commentRating .starRating a:active, .commentRating .starRating a:focus {background-position:left bottom}
.commentRating .starRating a.oneStar {width:20%; z-index:6}
.commentRating .starRating a.twoStars {width:40%; z-index:5}
.commentRating .starRating a.threeStars {width:60%; z-index:4}
.commentRating .starRating a.fourStars {width:80%; z-index:3}
.commentRating .starRating a.fiveStars {width:100%; z-index:2}
.commentRating .starRating .curRating {z-index:1 ; background-position: left center}



et le code HTML :

<ul class="starRating">
<li style="width: ${percentage}%;" class="curRating"> </li>
</ul>

merci d avance

[issam33]

voici ce que je recois sous FF les images sont bien situees mais sous IE les images sont decalees.