Hi all,
I'm in the middle of working some nice radio buttons.... happy to post the result when it all works...
Newest problem is I have it working - however the radio button area is in the middle of the page - and user may scroll down to get to it..... when the radio button is checked - the css makes the page jump back to the top....
when I comment out this line...
/* position:absolute; z-index:-1000; top:-1000px; */
it stops jumping to the top but now I have 2 radio buttons for each - the old and new css one - so that won't work....
Q: is there a way to get it to NOT JUMP BACK to the top when the radio button is selected?
=========================== CODE ==================
input[type=radio].css-checkbox {
/* next line makes it jump to top...... */
position:absolute; z-index:-1000; top:-1000px;
}
input[type=radio].css-checkbox + label.css-label, input[type=radio].css-checkbox + label.css-label.clr {
padding-left:23px;
height:18px;
display:inline-block;
line-height:18px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:18px;
vertical-align:middle;
cursor:pointer;
}
input[type=radio].css-checkbox:checked + label.css-label, input[type=radio].css-checkbox + label.css-label.chk {
background-position: 0 -18px;
}
label.css-label {
background-image:url(csscheckbox_rad01.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}