is there anyway to make the checkbox wider and taller

baris22 · 11-27-2007, 04:01 PM

Is there any way you can make the checkbox wider and taller. so it will be easy to click.

it is getting harder to click after beeing on the computer so long.

thanks

G33K · 11-27-2007, 08:31 PM

don't think so.

maybe if you change your resolution.

baris22 · 11-28-2007, 02:29 AM

I ment on the web page. I made a script and have to click the check box so often.

After 2-3 hours i loose my cons.

-NC- · 11-28-2007, 02:36 AM

<input type="Checkbox" style="height:50px;width:50px;">

big enough for ya?

you may also want to look into using the label tag, so that you can click the text next to the checkbox.

<label for="mycheckbox">Click this text to tick the box!</label>
<input type="Checkbox" name="mycheckbox" id="mycheckbox" style="height:50px;width:50px;">

baris22 · 11-28-2007, 04:49 AM

Waww. thank you very much. it is perfect. Instead of the text can we put image?

i tried this on my php code for image but did not work

PHP Code:

   
<td width="100"><label for="add_image"><img src="'.$img.'" width="100" height="100" vspace="10" /></label></td>

    <td><input name="add_image['.$c.']['.$j.']" style="height:50px;width:50px;" type="checkbox"  /></td>

Originally Posted by -NC-

<input type="Checkbox" style="height:50px;width:50px;">

big enough for ya?

you may also want to look into using the label tag, so that you can click the text next to the checkbox.

<label for="mycheckbox">Click this text to tick the box!</label>
????: NamePros.com http://www.namepros.com/programming/400548-there-anyway-make-checkbox-wider-taller.html
<input type="Checkbox" name="mycheckbox" id="mycheckbox" style="height:50px;width:50px;">

nick · 11-28-2007, 05:55 AM

Originally Posted by baris22

Waww. thank you very much. it is perfect. Instead of the text can we put image?

i tried this on my php code for image but did not work

PHP Code:

   
????: NamePros.com http://www.namepros.com/showthread.php?t=400548
<td width="100"><label for="add_image"><img src="'.$img.'" width="100" height="100" vspace="10" /></label></td>

    <td><input name="add_image['.$c.']['.$j.']" style="height:50px;width:50px;" type="checkbox"  /></td>

Try removing the label tags

baris22 · 11-28-2007, 06:05 AM

Originally Posted by ninedogger

Try removing the label tags

no. you got me wrong.
????: NamePros.com http://www.namepros.com/showthread.php?t=400548

<label for="mycheckbox">Click this text to tick the box!</label>
<input type="Checkbox" name="mycheckbox" id="mycheckbox" style="height:50px;width:50px;">

this works perfect. But i want to click to an image instead of the text to activate the check box.

-NC- · 11-28-2007, 06:08 AM

you can put a background image on the label:

Code:

<label for="mycheckbox" style="width:276px;height:110px;background-image:url('http://www.google.com/intl/en_ALL/images/logo.gif');display:block;float:left;"></label>
<input type="Checkbox" name="mycheckbox" id="mycheckbox" style="height:50px;width:50px;">

baris22 · 11-28-2007, 06:10 AM

Originally Posted by -NC-

you can put a background image on the label:

Code:

<label for="mycheckbox" style="width:276px;height:110px;background-image:url('http://www.google.com/intl/en_ALL/images/logo.gif');display:block;float:left;"></label>
<input type="Checkbox" name="mycheckbox" id="mycheckbox" style="height:50px;width:50px;">

Can you not put an image instead of background?

ok. sorted. thank you very much

PHP Code:

  <td width="120"><//span>><label for="add_image['.$c.']['.$j.']" style="width:120px;height:120px;background-image:url('.$img.');display:block;"></label><//span>></td>

????: NamePros.com http://www.namepros.com/showthread.php?t=400548
    <td><input name="add_image['.$c.']['.$j.']" id="add_image['.$c.']['.$j.']" type="checkbox"  /></td>

baris22 · 11-28-2007, 08:59 AM

Originally Posted by -NC-

you can put a background image on the label:

When you put background image, can you adjust the settings for the image.

Say width:276px;height:110px for the original image. Can you resize it to width:100px;height:100px

-NC- · 11-28-2007, 11:55 AM

it's best to resize the image to the actual size you want it displayed.

11-27-2007, 04:01 PM	THREAD STARTER #1 (permalink)
baris22 NamePros Member Join Date: Jan 2007 Posts: 98	is there anyway to make the checkbox wider and taller Is there any way you can make the checkbox wider and taller. so it will be easy to click. it is getting harder to click after beeing on the computer so long. thanks

11-28-2007, 02:36 AM	#4 (permalink)
-NC- Traveller Join Date: Mar 2007 Location: Yet another city Posts: 1,419	<input type="Checkbox" style="height:50px;width:50px;"> big enough for ya? you may also want to look into using the label tag, so that you can click the text next to the checkbox. <label for="mycheckbox">Click this text to tick the box!</label> <input type="Checkbox" name="mycheckbox" id="mycheckbox" style="height:50px;width:50px;"> __________________ NameCooler.com

11-28-2007, 11:55 AM	#11 (permalink)
-NC- Traveller Join Date: Mar 2007 Location: Yet another city Posts: 1,419	it's best to resize the image to the actual size you want it displayed. __________________ NameCooler.com

11-27-2007, 08:31 PM	#2 (permalink)
G33K NamePros Regular Join Date: Mar 2006 Posts: 434	don't think so. maybe if you change your resolution.

11-28-2007, 02:29 AM	THREAD STARTER #3 (permalink)
baris22 NamePros Member Join Date: Jan 2007 Posts: 98	I ment on the web page. I made a script and have to click the check box so often. After 2-3 hours i loose my cons.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)