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
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
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?
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
voici ce que je recois sous FF les images sont bien situees mais sous IE les images sont decalees.
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Partager