Yeah... the setup is a bit wrong. Without digging too far in...
input[type="radio"]{
position: absolute;
}
That will help your version out Remi.
I'm not sure your level of expertise on CSS3... but I can do a demo for you
if needed. LMK.
On Fri, Nov 12, 2010 at 11:49 AM, Rémi Grumeau <[email protected]>wrote:
> Pretty much a failure here too...
>
> http://remi-grumeau.com/labs/radios.html
>
> R.
>
> Le 12 nov. 10 à 18:40, Team a écrit :
>
>
> Something is not working. The code is not changing my radio buttons.
>> Here's my code:
>>
>> <td><INPUT TYPE="radio" NAME="leni" VALUE="Meters" onClick = ""></td>
>>
>> Jordan,
>> Your code makes a square blue box in the upper left corner of the
>> screen. Removing absolute, top, left, doesn't change the existing
>> radio buttons either.
>>
>> Thanks for helping!
>>
>> Steve
>>
>>
>> On Nov 11, 3:21 pm, Jordan Dobson <[email protected]> wrote:
>>
>>> You and do a few things... one method is to add something like this to
>>> your
>>> radio buttons and size it to your needs.
>>>
>>> input[type="radio"]::before{
>>> content: "";
>>> width: 20px;
>>> height: 20px;
>>> background-color: blue;
>>> position: absolute;
>>> top: 0;
>>> left: 0;
>>>
>>> }
>>>
>>> The color is there so you see it easily. The size is just arbitrary.
>>>
>>> You can also try adding something like this too
>>>
>>> input[type="radio"]{
>>> outline: 10px solid transparent;
>>>
>>> }
>>>
>>> This should increase the hit size too.
>>>
>>>
>>>
>>> On Thu, Nov 11, 2010 at 3:10 PM, Team <[email protected]> wrote:
>>>
>>>> Is it possible to enlarge the radio input buttons on an HTML page in
>>>> the device? I've seen all kinds of formatting options for radio
>>>> buttons, but not resizing. Right now I'm putting a lot of space around
>>>> each radio button to make sure they tap one and not two (they are
>>>> aligned vertically in a table). I am using Webkit.
>>>>
>>>
>>> Thanks,
>>>> Steve
>>>>
>>>
>>> --
>>>> You received this message because you are subscribed to the Google
>>>> Groups
>>>> "iPhoneWebDev" group.
>>>> To post to this group, send email to [email protected].
>>>> To unsubscribe from this group, send email to
>>>> [email protected]<iphonewebdev%[email protected]>
>>>> <iphonewebdev%[email protected]<iphonewebdev%[email protected]>
>>>> >
>>>> .
>>>> For more options, visit this group at
>>>> http://groups.google.com/group/iphonewebdev?hl=en.
>>>>
>>>
>>> --
>>> Jordan Dobson
>>> Designer + Developer
>>> (425) 444-8014http://JordanDobson.com|http://MadeBySquad.com| Glue.Pro
>>>
>>> Follow me on twitter athttp://Twitter.com/JordanDobson
>>>
>>
>> --
>> You received this message because you are subscribed to the Google Groups
>> "iPhoneWebDev" group.
>> To post to this group, send email to [email protected].
>> To unsubscribe from this group, send email to
>> [email protected]<iphonewebdev%[email protected]>
>> .
>> For more options, visit this group at
>> http://groups.google.com/group/iphonewebdev?hl=en.
>>
>>
> --
> You received this message because you are subscribed to the Google Groups
> "iPhoneWebDev" group.
> To post to this group, send email to [email protected].
> To unsubscribe from this group, send email to
> [email protected]<iphonewebdev%[email protected]>
> .
> For more options, visit this group at
> http://groups.google.com/group/iphonewebdev?hl=en.
>
>
--
Jordan Dobson
Designer + Developer
(425) 444-8014
http://JordanDobson.com | http://MadeBySquad.com | Glue.Pro
Follow me on twitter at http://Twitter.com/JordanDobson
--
You received this message because you are subscribed to the Google Groups
"iPhoneWebDev" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/iphonewebdev?hl=en.
