Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

wrapping radio buttons 1

Status
Not open for further replies.

birney29

Programmer
Oct 11, 2001
140
GB
i want to have three radio buttons beside an image but when i try to do this, it puts them on 1 horizontal line, and i want the three desending vertically. any ideas?

kenny Kenneth Birney
User Interface Programmer
Scottish Police
 
use <br> or put'em into different table columns Victor
 
thanks, but that just puts one next to the image and the other 2 beneath it, heres a bit of the code :

<p>
<a><img usemap=&quot;#colmap&quot; src=&quot;colortable.gif&quot; border=0 width=289 height=67 align =middle></a>
<INPUT TYPE=&quot;radio&quot; NAME=&quot;ColorChoice&quot; VALUE=&quot;Background Color&quot;> Background Color </input>
<INPUT TYPE=&quot;radio&quot; NAME=&quot;ColorChoice&quot; VALUE=&quot;Font Color&quot;> Font Color </input>
<INPUT TYPE=&quot;radio&quot; NAME=&quot;ColorChoice&quot; VALUE=&quot;Scroll Bar Color&quot;> Scrollbar Color </input>
</p>
</img> Kenneth Birney
User Interface Programmer
Scottish Police
 
try this:
~~~~~~~~
Code:
<p>
<a><img usemap=&quot;#colmap&quot; src=&quot;colortable.gif&quot; border=0 width=289 height=67
align=left
Code:
 ></a>
<INPUT TYPE=&quot;radio&quot; NAME=&quot;ColorChoice&quot; VALUE=&quot;Background Color&quot;> Background Color
<br>
Code:
<INPUT TYPE=&quot;radio&quot; NAME=&quot;ColorChoice&quot; VALUE=&quot;Font Color&quot;> Font Color
<br>
Code:
<INPUT TYPE=&quot;radio&quot; NAME=&quot;ColorChoice&quot; VALUE=&quot;Scroll Bar Color&quot;> Scrollbar Color
<br>
Code:
</p>
~~~~~~~~ Victor
 
Hello Birney,

Cool job you have.

Generally the designers I work with use tables extensively to control layout on web pages.

Code:
<form>
<table>
  <tr>
    <td rowspan=3>
    <img usemap=&quot;#colmap&quot; src=&quot;colortable.gif&quot; border=0 width=289 height=67 align =middle>
    </td>  
    <td>
      <INPUT TYPE=&quot;radio&quot; NAME=&quot;ColorChoice&quot;  VALUE=&quot;Background Color&quot;> Background Color </input>
    </td>
  </tr>
  <tr>
    <td>
    <INPUT TYPE=&quot;radio&quot; NAME=&quot;ColorChoice&quot; VALUE=&quot;Font Color&quot;> Font Color </input>
    </td>
    <td>
      <INPUT TYPE=&quot;radio&quot; NAME=&quot;ColorChoice&quot; VALUE=&quot;Scroll Bar Color&quot;> Scrollbar Color </input>
  </tr>
</table>
</form>

Not quite sure what you are doing with the image map and the anchor tags.
Also my HTML reference manual says </img> is forbidden.

And these items {Scrollbar Color, Font Color, Background Color} are not mutually exclusive so radio buttons are not appropriate. Maybe you need three sets of radio buttons, one each for Scrollbar, Font, and Background colors. Each set might have choices like {Red, Green Blue}.

Richard
 
thanks a lot richard! Kenneth Birney
User Interface Programmer
Scottish Police
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top