[advanced search]
 

Go Back   NamePros.com > Discussion > Web Design & Development > Programming
Reload this Page is there anyway to make the checkbox wider and taller
Register Forum Rules FAQ Mark Forums Read

Programming PHP, Perl, Ruby on Rails, AJAX, HTML, XHTML, CSS, JavaScript, MySQL and any other coding topics.


Closed Thread
 
LinkBack Thread Tools
Old 11-27-2007, 03:01 PM   #1 (permalink)
NamePros Member
 
Join Date: Jan 2007
Posts: 68
0.00 NP$ (Donate)

baris22 is an unknown quantity at this point
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
baris22 is offline  
Old 11-27-2007, 07:31 PM   #2 (permalink)
NamePros Regular
 
G33K's Avatar
 
Join Date: Mar 2006
Posts: 413
131.40 NP$ (Donate)

G33K is on a distinguished road
don't think so.

maybe if you change your resolution.
G33K is offline  
Old 11-28-2007, 01:29 AM   #3 (permalink)
NamePros Member
 
Join Date: Jan 2007
Posts: 68
0.00 NP$ (Donate)

baris22 is an unknown quantity at this point
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.
baris22 is offline  
Old 11-28-2007, 01:36 AM   #4 (permalink)
Traveller
 
-NC-'s Avatar
 
Join Date: Mar 2007
Location: Yet another city
Posts: 1,392
614.57 NP$ (Donate)

-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of

Animal Cruelty Animal Rescue Ethan Allen Fund Protect Our Planet
<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;">
-NC- is offline  
Old 11-28-2007, 03:49 AM   #5 (permalink)
NamePros Member
 
Join Date: Jan 2007
Posts: 68
0.00 NP$ (Donate)

baris22 is an unknown quantity at this point
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>



Quote:
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>
<input type="Checkbox" name="mycheckbox" id="mycheckbox" style="height:50px;width:50px;">
baris22 is offline  
Old 11-28-2007, 04:55 AM   #6 (permalink)
NamePros Regular
 
ninedogger's Avatar
 
Join Date: Jun 2004
Location: Iowa
Posts: 669
31.10 NP$ (Donate)

ninedogger is a name known to allninedogger is a name known to allninedogger is a name known to allninedogger is a name known to allninedogger is a name known to allninedogger is a name known to all

Save The Children
Quote:
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:

<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
ninedogger is offline  
Old 11-28-2007, 05:05 AM   #7 (permalink)
NamePros Member
 
Join Date: Jan 2007
Posts: 68
0.00 NP$ (Donate)

baris22 is an unknown quantity at this point
Quote:
Originally Posted by ninedogger
Try removing the label tags
no. you got me wrong.

<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.
baris22 is offline  
Old 11-28-2007, 05:08 AM   #8 (permalink)
Traveller
 
-NC-'s Avatar
 
Join Date: Mar 2007
Location: Yet another city
Posts: 1,392
614.57 NP$ (Donate)

-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of

Animal Cruelty Animal Rescue Ethan Allen Fund Protect Our Planet
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;">
-NC- is offline  
Old 11-28-2007, 05:10 AM   #9 (permalink)
NamePros Member
 
Join Date: Jan 2007
Posts: 68
0.00 NP$ (Donate)

baris22 is an unknown quantity at this point
Quote:
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"><//font>><label for="add_image['.$c.']['.$j.']" style="width:120px;height:120px;background-image:url('.$img.');display:block;"></label><//font>></td>
    <td><input name="add_image['.$c.']['.$j.']" id="add_image['.$c.']['.$j.']" type="checkbox"  /></td>
baris22 is offline  
Old 11-28-2007, 07:59 AM   #10 (permalink)
NamePros Member
 
Join Date: Jan 2007
Posts: 68
0.00 NP$ (Donate)

baris22 is an unknown quantity at this point
Quote:
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
baris22 is offline  
Old 11-28-2007, 10:55 AM   #11 (permalink)
Traveller
 
-NC-'s Avatar
 
Join Date: Mar 2007
Location: Yet another city
Posts: 1,392
614.57 NP$ (Donate)

-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of-NC- has much to be proud of

Animal Cruelty Animal Rescue Ethan Allen Fund Protect Our Planet
it's best to resize the image to the actual size you want it displayed.
-NC- is offline  
Closed Thread

« converting .sql from version 4.4.2 to newest | Possible to shrink(width) one category only on smf? »

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

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Site Sponsors
Advertise your business at NamePros

All times are GMT -7. The time now is 08:57 AM.

Contact Us - NamePros.com - Archive - Privacy Statement - Top

Powered by: vBulletin® Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.3.0
Template-Modifications by TMS
vBCredits v1.4 Copyright ©2007 - 2008, PixelFX Studios

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85