SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast
    Join Date
    Jun 2005
    Location
    Texas, USA
    Posts
    76
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Radio buttons are not selectable in IE 6 or IE 7

    Hello, I am hoping one of the experts here can help me with this annoying problem with IE> I have a series of three radio buttons in a form, which the user should be able to select. In FF2 and FF3 they work fine, but in IE 6 and IE 7 the buttons are not selectable. Clicking on them does nothing. Any ideas? Here is a snippet of the HTML code I am using:
    Code:
    <table width="100%" border="0" cellspacing="2" cellpadding="0" style="margin: 10px 0px 0px 0px;">
    	<tr>
         	<td><input type="radio" id="worksfine" value="" style="margin: 0;"></td>
              <td valign="top"><label for="worksfine">Works fine</label></td>
         </tr>
         <tr>
         	<td><input type="radio" id="connectionissues" style="margin: 0;"></td>
              <td valign="top"><label for="connectionissues">Connection issues</label></td>
         </tr>
         <tr>
         	<td><input type="radio" id="softwarenotinstalling" style="margin: 0;"></td>
              <td valign="top"><label for="softwarenotinstalling">Software not installing</label></td>
         </tr>
         <tr>
         	<td>&nbsp;</td>
              <td><input type="image" src="/images/buttons/vote_button.gif" value="Submit" style="margin-top: 5px;" /></td>
         </tr>
    </table>
    Bringing your vision to the Web em by em
    emSketch Web Design

  2. #2
    SitePoint Zealot
    Join Date
    Feb 2009
    Location
    Baton Rouge, LA
    Posts
    122
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You need the name attribute to indicate which group a button belongs to:

    <table width="100&#37;" border="0" cellspacing="2" cellpadding="0" style="margin: 10px 0px 0px 0px;">
    <tr>
    <td><input type="radio" id="worksfine" name="connection" style="margin: 0;"></td>
    <td valign="top"><label for="worksfine">Works fine</label></td>
    </tr>
    <tr>
    <td><input type="radio" id="connectionissues" name="connection" style="margin: 0;"></td>
    <td valign="top"><label for="connectionissues">Connection issues</label></td>
    </tr>
    <tr>
    <td><input type="radio" id="softwarenotinstalling" name="connection" style="margin: 0;"></td>
    <td valign="top"><label for="softwarenotinstalling">Software not installing</label></td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td><input type="image" src="/images/buttons/vote_button.gif" value="Submit" style="margin-top: 5px;"

    /></td>
    </tr>
    </table>
    "The browser is your first client" - Quote: Myself
    Please visit me at: vanillacloud.com

  3. #3
    SitePoint Enthusiast
    Join Date
    Jun 2005
    Location
    Texas, USA
    Posts
    76
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks! That did the trick.
    Bringing your vision to the Web em by em
    emSketch Web Design

  4. #4
    SitePoint Wizard silver trophybronze trophy
    Join Date
    Jul 2008
    Location
    New York, NY
    Posts
    1,432
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  5. #5
    SitePoint Enthusiast
    Join Date
    Jun 2005
    Location
    Texas, USA
    Posts
    76
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This is a great reference. I had seen it before but totally forgot about it. I will definitely bookmark it! Thanks again!
    Bringing your vision to the Web em by em
    emSketch Web Design


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •