Styleforum › Forums › General › General Chat › Very basic HTML help??
New Posts  All Forums:Forum Nav:

Very basic HTML help??

post #1 of 7
3/31/10 at 11:50am
Thread Starter 
OK...I am completely clueless about this stuff. I made a submit button that works but I want to make it bigger. Can anyone help?? Here's what I have: <FORM> <INPUT TYPE="button" onClick="parent.location='http://example.com/submit'" VALUE="SUBMIT!!"> </FORM>
Reply
Reply
post #2 of 7
3/31/10 at 1:38pm
Add more exclamation points!!!
Reply
Reply
post #3 of 7
3/31/10 at 2:30pm
Quote:
Originally Posted by Alter View Post
OK...I am completely clueless about this stuff.

I made a submit button that works but I want to make it bigger. Can anyone help??

You can't make default form elements larger. You can set the width using CSS but that's about it.

You can, however, use an image as a submit button. So make an image of the button you want to use, then use <input type="image" src="myimage.png"> (or CSS) to display it.
Reply
Reply
post #4 of 7
3/31/10 at 2:31pm
You can apply CSS elements to submit buttons just like anything else <input type="button" class="example" blahblahblah> Then in your CSS you can say: .example { font-size: 52px; } That will make it really big!
Reply
Reply
post #5 of 7
3/31/10 at 10:05pm
Thread Starter 
Still way over my head but..thanks. I think I will just make do with what I have.
Reply
Reply
post #6 of 7
3/31/10 at 10:44pm
Quote:
Originally Posted by BreakfastPirate View Post
You can apply CSS elements to submit buttons just like anything else

<input type="button" class="example" blahblahblah>

Then in your CSS you can say:

.example {
font-size: 52px;
}

That will make it really big!

Alter, I've made Breakfast's example above easier to implement:

First, add class="button" within the <input> tag.

Code:
<FORM>
<INPUT class="button" TYPE="button" onClick="parent.location='http://example.com/submit'" VALUE="SUBMIT!!">
</FORM>

Then, add this snippet of code to the top of your HTML document. It goes anywhere within the <head> tag:

Code:
<style type="text/css">
.button {
width:150px;
height:30px;
}
</style>

Above is CSS. You can learn more about it here:

http://www.w3schools.com/css/default.asp

Try adding other lines within the {}s, such as:

border:1px solid black;

or,

background:blue;

Once you get it working it becomes easier to understand how HTML and CSS work together.
Reply
Reply
post #7 of 7
3/31/10 at 11:02pm
Thread Starter 
Quote:
Originally Posted by AdmiralGrafSpee View Post
Alter, I've made Breakfast's example above easier to implement:

First, add class="button" within the <input> tag.

Code:
<FORM>
<INPUT class="button" TYPE="button" onClick="parent.location='http://example.com/submit'" VALUE="SUBMIT!!">
</FORM>

Then, add this snippet of code to the top of your HTML document. It goes anywhere within the <head> tag:

Code:
<style type="text/css">
.button {
width:150px;
height:30px;
}
</style>

Above is CSS. You can learn more about it here:

http://www.w3schools.com/css/default.asp

Try adding other lines within the {}s, such as:

border:1px solid black;

or,

background:blue;

Once you get it working it becomes easier to understand how HTML and CSS work together.

Very very kind of you. I think I understand and I tried it but it doesn't work. I have a feeling that CSS is not possible. I will shoot you a pm about it.
Reply
Reply
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: General Chat
Styleforum › Forums › General › General Chat › Very basic HTML help??