Joomla Templates Club 406,261 posts

[Ferjoom Friend FerjoomJoin date: March 2006Posts: 42Downloads:0Uploads:1 Thanks: 4]

#128738

Hi all,

J!Vote is a neat voting bot. You can download here:
http://joomlacode.org/gf/project/jvote/frs/
However it has a problem in the image. As showing in the attached picture.

I tried to fix it but my knowlodge with css is limited could anyone help.

---

Attachments:

1. 

[Ferjoom Friend FerjoomJoin date: March 2006Posts: 42Downloads:0Uploads:1 Thanks: 4]

#249908

I think I fixed!!

Just replace the the style from the mambot located at mambotssystemjcvoteutils with this:

/* styles for the star rater */
.star-rating{
list-style:none;
margin: 0px;
padding:0px;
width: 98px;
height: 20px;
position: relative;
background: url(/mambots/system/jcvoteutils/star_rating.gif) top left repeat-x;
}
.star-rating li{
padding:0px;
margin:0px;
/**/
float: left;
/* */
}
.star-rating li a{
display:block;
width:20px;
height: 20px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}
.star-rating li a:hover{
background: url(/mambots/system/jcvoteutils/star_rating.gif) left center;
z-index: 2;
left: 0px;
width:0px;
}
.star-rating a.one-stars{
left: 0px;
}
.star-rating a.one-stars:hover{
width:20px;
}
.star-rating a.two-stars{
left:20px;
}
.star-rating a.two-stars:hover{
width: 40px;
}
.star-rating a.three-stars{
left: 40px;
}
.star-rating a.three-stars:hover{
width: 60px;
}
.star-rating a.four-stars{
left: 60px;
}
.star-rating a.four-stars:hover{
width: 80px;
}
.star-rating a.five-stars{
left: 80px;
}
.star-rating a.five-stars:hover{
width: 100px;
}
.star-rating li.current-rating{
background: url(/mambots/system/jcvoteutils/star_rating.gif) left bottom;
position: absolute;
height: 20px;
display: block;
text-indent: -9000px;
z-index: 1;
}
.loading {
height: 20px;
background: url('working.gif') 50% 50% no-repeat;
}
.voted {color:#999;}
.thanks {color:#36AA3D;}

[Author]

Posts