VeggieBoards banner
1 - 10 of 10 Posts

·
Banned
Joined
·
10,763 Posts
Discussion Starter · #1 ·
Does anyone know how to change the size of the checkbox in a form? And the size of the check inside it? <a href="http://shakahara.com/positiontest.php" target="_blank">Here is the page</a> that I am working on. It seems to work just fine. But I want to make the checkbox bigger so that people with low vision can find it, and check it off, easier. Same thing with the submit button -- bigger button, bigger text. Also, I might like to change the character for the check -- perhaps completely color the box, or use a large, bold X instead of a checkmark.<br><br><br><br>
I asked <a href="http://www.php-forum.com/p/viewtopic.php?p=4367453" target="_blank">here,</a> but no-one answered yet.<br><br><br><br>
Actually, I think I've figured out how to get a bigger button. There is more than one way to get an image into a button, and I can use Photoshop to put text on the image, but i still haven't figured out how to get bigger checkboxes with bigger checks. Also, I guess I have to use Javascript if I want different button images on mouse-roll-overs, whatever. I'm having trouble finding a tutorial i can understand that explains this stuff. Most of the tutorials explain how to make forms, but no details whatsoever re changing the size or appearance of form elements -- or even changing the typeface or type size used on a submit button
 

·
Registered
Joined
·
1,182 Posts
This will give you all properties of all DHTML objects including CSS attributes:<br><br><a href="http://msdn.microsoft.com/workshop/author/dhtml/reference/objects.asp" target="_blank">http://msdn.microsoft.com/workshop/a...ce/objects.asp</a><br><br><br><br>
Bigger checkbox:<br><br>
<input type="checkbox" style="height:30px;width:30px"><br><br><br><br>
Bigger button:<br><br>
<input type="button" style="height:100px;width:300px;font-size:25px;font-weight:bold;" value="Go Banana!"><br><br><br><br>
Mouse over example:<br><br><img alt="" src="http://www.veggieboards.com/boards/images/smilies/smoking.gif" style="border:0px solid;"><br><br><br><br>
HTH,<br><br>
~Wonder <img alt="" class="inlineimg" src="/images/smilies/biker.gif" style="border:0px solid;" title=":ymca:">
 

·
Banned
Joined
·
10,763 Posts
Discussion Starter · #3 ·
Unfortunately my web site has been closed down due to non-payment. So I can't try any of this out now. I may not have money to pay my bill, for a few days, and meanwhile the world is missing out on important information about whether any material is animal, vegetable, or mineral.<br><br><br><br>
Wonder, while I understood your html code above, I don't really understand what "dhtml" means, and the microsoft page you gave me a link to was pure gobbledegook to me. For example, after, in the left frame, I clicked "input type=checkbox" I got....<br><br><br><br>
"The following table lists the members exposed by the input type=checkbox object. Click a tab on the left to choose the type of member you want to view."<br><br><br><br>
Members? Exposed? What does membership and exposure have to do with marking up a page to position text, graphic, and multi-media elements on a page? In that context, what is a "member"? What does it mean if a member is "exposed." ? I didn't see any "tab" on the left. There was nothing that looked like a "tab" to me. And there was nothing that had the label "tab" near it. How am I supposed to find the tabs? Truthfully, that page is pretty useless to me. I don't see how I can determine what markup to put on a page, to do anything, from the "information" on that page. I need examples, not "grammar rules" using terminology that makes no sense to me. I didn't learn English by learning grammar rules, and I have never been able to figure out what to say in html, to convey meaning, that a web server understands, from grammar rules either. I need to know what to write, where to write it, and then I need to write it, and open the page, to see how it looks. I can't figure out what to write, from rules using terms that have not been defined for me. Members? Exposed? Looking up their meaning in a dictionary, or google, isn't much help. I get the general meaning of members and exposed, not the meaning they have on this microsoft page.<br><br><br><br>
Even if I do a google search for html members exposed, I don't get any pages with meaningful information.<br><br><br><br>
Also, I thought the correct form was input type="checbox" -- with quotation marks around the word checkbox.
 

·
Registered
Joined
·
1,182 Posts
Here's a list of free web hosts:<br><br><a href="http://support.proboards.com/index.cgi?board=programming&action=display&thread=1127145738" target="_blank">http://support.proboards.com/index.c...ead=1127145738</a><br><br><br><br>
DHTML=<b>D</b>ynamic <b>H</b>yper <b>T</b>ext <b>M</b>arkup <b>L</b>anguage<br><br>
It's HTML+Javascript+CSS. You create a document and can alter it on the fly, without page reloads.<br><br><br><br>
The link I gave you was a site to help DHTML developers with their programming. It's mostly useful for Javascript and CSS (click on the Styles section of 'input type=checkbox'). It's a bit dry, akward, and uses big words, but it's an excellent JS encyclopedia.<br><br><br><br>
You don't <i>need</i> quotes around checkbox but it is good practice to do so.<br><br><br><br>
If you need more help with Javascript, I highly recommend <a href="http://www.devguru.com/" target="_blank">http://www.devguru.com/</a><br><br>
If you want to be a decent website designer, you'll need to be pretty proficient at Javascript, CSS, and HTML.<br><br>
HTH,<br><br>
~Wonder <img alt="" class="inlineimg" src="/images/smilies/biker.gif" style="border:0px solid;" title=":ymca:">
 

·
Registered
Joined
·
1,182 Posts
members exposed just means the various properties, objects, methods, and collections available to or through that object<br><br>
~Wonder <img alt="" class="inlineimg" src="/images/smilies/biker.gif" style="border:0px solid;" title=":ymca:">
 

·
Banned
Joined
·
10,763 Posts
Discussion Starter · #6 ·
I am not able to find a free web host that supports all of the following, server side includes, php, Perl with cgi module. And I would like MySQL and telnet or SSH access so I can use MySQL monitor -- which is the most productive way I've found to learn SQL. In re to free web servers, you get what you pay for. If you find a decent one, after a few months they go out of business. So far I have always found that trying to work with free web hosts turns out to be a big time-wasting proposition; working with inexpensive, economical, legitimate web-hosting companies, is a productive venture. The cost is so low that it seems crazy to piss around with free hosts.<br><br><br><br>
"members exposed just means the various properties, objects, methods, and collections available to or through that object"<br><br><br><br>
That doesn't seem to help me with understanding what is meant by<br><br><br><br>
"Click a tab on the left to choose the type of member you want to view."<br><br><br><br>
And if it is better to use a quote around "checkbox" why is this page displaying it without quotes?
 

·
Banned
Joined
·
10,763 Posts
Discussion Starter · #7 ·
<a href="http://shakahara.jamminweb.com/positiontest.php" target="_blank">Here</a> is how my page looks on a free web server.<br><br><br><br>
I'm looking at the php pages on <a href="http://www.devguru.com/" target="_blank">http://www.devguru.com/</a><br><br><br><br>
I found it incomprehensible. I found the tutorials at <a href="http://www.w3schools.com/" target="_blank">http://www.w3schools.com/</a> to be comprehensible, but not the stuff at devguru.com<br><br><br><br>
w3schools has tutorials on html and css, php, and mysql, all of which I went thru, and on xhtml, whatever that is, but nothing on dhtml.
 

·
Banned
Joined
·
10,763 Posts
Discussion Starter · #8 ·
OK Wonder. I followed your instructions and I added css instructions of "height:30px;width:30px" -- and it is not working.<br><br><br><br>
page is at <a href="http://shakahara.com/buttonsize2.php" target="_blank">http://shakahara.com/buttonsize2.php</a><br><br><br><br>
In the head I put<br><br><br><br><div class="bbcode_container">
<div class="bbcode_description">HTML Code:</div>
<pre class="bbcode_code">
<span style="color:#800080;"><style type=<span style="color:#0000FF;">"text/css"</span>></span>

#mycheckbox {

height:100px;

width:100px;

}



#mybigbut {

font-size:32px;

}

<span style="color:#800080;"></style></span>
</pre></div>
<br><br>
In the body, here is the html code for the form<br><br><div class="bbcode_container">
<div class="bbcode_description">HTML Code:</div>
<pre class="bbcode_code">
<span style="color:#FF8000;"><form method=<span style="color:#0000FF;">"post"</span> action=<span style="color:#0000FF;">"buttonsize.php"</span>></span>

<span style="color:#FF8000;"><input id=<span style="color:#0000FF;">"mycheckbox"</span> name=<span style="color:#0000FF;">"big"</span> type=<span style="color:#0000FF;">"checkbox"</span> value=<span style="color:#0000FF;">"made big"</span>></span>

<span style="color:#FF8000;"><input id=<span style="color:#0000FF;">"mybigbut"</span> type=<span style="color:#0000FF;">"submit"</span> name=<span style="color:#0000FF;">"submission"</span> value=<span style="color:#0000FF;">"Submit it"</span>></span>

<span style="color:#FF8000;"></form></span>
</pre></div>
The button was increased in size to accomodate the bigger type face I specified with css, however the check box was <i>not</i> increased in size.<br><br><br><br>
By the way, the <a href="http://www.veggieboards.com/boards/misc.php?do=bbcode" target="_blank">veggieboards bbcode</a> of isn't working.
 

·
Banned
Joined
·
10,763 Posts
Discussion Starter · #9 ·
<a href="http://shakahara.com/buttonsize3.php" target="_blank">Here</a> are the button and the checkbox with exactly the same css code applied to each -- i copied and pasted fr one to the other, to make absolutely sure -- and the button got increased in size but the checkbox -- still small.<br><br><br><br>
It added 100px of area for the box to sit in the middle of, but the box and the checkmark inside it are still small.
 
1 - 10 of 10 Posts
Top