Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by arnavthecoder
arnavthecoder
3,453 Points

"Submit" button.. URGENT!!

I want to add a "not a member? Sign up now!" submit button, but I don't know how!
This is what I am trying:

<!DOCTYPE http://port-80-v7b1grzkyz.treehouse-app.com/signup4free4craftsforkids.html> <h1>Not a Member? You can sign up here for free.</h1 <div style="text-align: center;"> <div style="box-sizing: border-box; display: inline-block; width: auto; max-width: 480px; background-color: #FFFFFF; border: 2px solid #0361A8; border-radius: 5px; box-shadow: 0px 0px 8px #0361A8; margin: 50px auto auto;"> <div style="background: #0361A8; border-radius: 5px 5px 0px 0px; padding: 15px;"><span style="font-family: verdana,arial; color: #D4D4D4; font-size: 1.00em; font-weight:bold;">Please enter the information below.</span></div> <div style="background: ; padding: 15px"> <style type="text/css" scoped> td { text-align:left; font-family: verdana,arial; color: #064073; font-size: 1.00em; } input { border: 1px solid #01FBFF; border-radius: 5px; color: #666666; display: inline-block; font-size: 1.00em; padding: 5px; width: 100%; } input[type="button"], input[type="reset"], input[type="submit"] { height: auto; width: auto; cursor: pointer; box-shadow: 0px 0px 5px #0361A8; float: right; text-align:right; margin-top: 10px; margin-left:7px;} table.center { margin-left:auto; margin-right:auto; } .error { font-family: verdana,arial; color: #D41313; font-size: 1.00em; } </style> <form method="post" action="http://port-80-v7b1grzkyz.treehouse-app.com/forgotyourpassword4craftsforkids.html" name="aform" target="_top"> <input type="hidden" name="action" value="login"> <input type="hidden" name="hide" value=""> <table class='center'> <tr><td>Email:</td><td><input type="text" name="email"></td></tr> <tr><td>Username:</td><td><input type="text" name="username"></td></tr> <tr><td>Password:</td><td><input type="text" name="password"></td></tr> <tr><td>Confirm Password:</td><td><input type="text" name="confirm passwordS"></td></tr> <tr><td> </td><td><input type="submit" value="Submit"></td> </tr>

<tr><td colspan=2>Not member yet? Click <a href="signup4free4craftsforkids.html">here</a> to register.</td></tr> <tr><td colspan=2> </td></tr>

</table> </form> </div></div></div> Above is what it turns out.

2 Answers

arnavthecoder
arnavthecoder
3,453 Points
arnavthecoder
arnavthecoder
3,453 Points

PLEASE HELP!!

Johnny Garces
PLUS
Johnny Garces
Courses Plus Student 8,551 Points
Johnny Garces
Johnny Garces
Courses Plus Student 8,551 Points

Hey Arnav,

best way to style a button is to create it via html with the anchor element. Then style the anchor element with CSS by including the following properties: background-color, padding, border-radius, and display.

Here's a codepen I whipped up to show how this is done: http://codepen.io/johnnyginbound/pen/emGYzV

let me know if this works,