mankis
asked on
Checkbox style not working properly
I have downloaded files for custom checkbox style from this page http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/ and I'm trying to use my image. In the instructions It says that height property should be one fourth of the height of the full size images. I have changed that but it's not displaying correctly. Could you try, here is my image in attachement. What am I doing wrong?
checkbox-bg.gif
checkbox-bg.gif
Can you please post your HTML / CSS that you're using?
ASKER
It looks to me like the script only works in Webkit browsers (Chrome / Safari)
http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/example/
Having said this, the author of the script seems to think it works in every browser. I would suggest trying to find a different script.
http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/example/
Having said this, the author of the script seems to think it works in every browser. I would suggest trying to find a different script.
OOPS ignore my last comment. I had JS disabled.
Ok the main problem is that your css file is looking for checkbox_bg.gif but your file is checkbox-bg.gif
Secondly you need to adjust checkboxHeight in your js file to be a quarter of your image. This unfortunately is 56.5 and you can't have half a pixel. You will need to modify your image so that it is divisible by 4
Secondly you need to adjust checkboxHeight in your js file to be a quarter of your image. This unfortunately is 56.5 and you can't have half a pixel. You will need to modify your image so that it is divisible by 4
ASKER
Here is another image with height 200px. Have changed height in css into 50px but is still not working properly.
checkbox2.gif
checkbox2.gif
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
oh, It didn't get to my brain. Now is working. Thank you!