My label has a Input Radio with a unique background image applied to it.
Take a look at the setup below:
I'm trying to adjust the positioning of "Ja" and "Nej" about 5-10 pixels to the left, but I'm struggling to find the right solution. Can someone offer assistance?
Here is the HTML:
<label id="labelradio1" for="Radio1">Ja
<input id="Radio1" type="radio" value="yes"></label>
<label id="labelradio2" for="Radio2">Nej
<input id="Radio2" type="radio" value="no"></label>
And here is the CSS:
#txtradiocall input[type='radio']{
position:absolute;
margin: -99999px;
}
#txtradiocall label{
display: inline-block;
cursor: pointer;
width: 15px;
height: 15px;
margin: 4px;
}
#txtradiocall #labelradio1 {
background: url('http://www.xxxx.com/images/images/thumb_up_green-v2.png');
background-repeat:no-repeat;
cursor: pointer;
width: 35px;
height: 22px;
}
#txtradiocall #labelradio2 {
background: url('http://www.xxxx.com/images/images/thumb_down-red-v2.png');
background-repeat:no-repeat;
cursor: pointer;
width: 35px;
height: 22px;
}