HTML5: How to move input boxes!
Hello Everyone,
I am new to html5. I am trying to move the three input boxes below( i.e for room length, room width and room height) to the left so that they are closer to the three prompts.
I have tried many ideas but no success. It is getting a little frustrating.
Please help.
Thanks!
<!DOCTYPE html>
<!-- Author:
Date:
File: kingPainting.html
Purpose: Chapter 4 Exercise
-->
<html>
<head>
<title> King Painting</title>
<link rel="stylesheet" type="text/css" href="chapter4.css" />
<style>
h1 { color:red;}
</style>
</head>
<body>
<h1> King Painting</h1>
<p> Use this form to obtain a quick estimate of the cost to paint a room</p>
<form action="paintEstimate.php" method="post">
<table>
<tr>
<td> Room length in feet:</td>
<td><input type="text" size ="5" name="roomLength"/></td></tr>
<tr>
<td>Room width in feet:</td>
<td><input type="text" size="5" name="roomWidth"/></td></<tr>
<tr><td>Room Height in feet:</td>
<td><input type="text" size="5" name="roomHeight"/></td>
</tr>
<td><input type=submit value="Display Estimated Painting Cost"/></td>
</table>
</form>
</body>
</html>
I am new to html5. I am trying to move the three input boxes below( i.e for room length, room width and room height) to the left so that they are closer to the three prompts.
I have tried many ideas but no success. It is getting a little frustrating.
Please help.
Thanks!
<!DOCTYPE html>
<!-- Author:
Date:
File: kingPainting.html
Purpose: Chapter 4 Exercise
-->
<html>
<head>
<title> King Painting</title>
<link rel="stylesheet" type="text/css" href="chapter4.css" />
<style>
h1 { color:red;}
</style>
</head>
<body>
<h1> King Painting</h1>
<p> Use this form to obtain a quick estimate of the cost to paint a room</p>
<form action="paintEstimate.php" method="post">
<table>
<tr>
<td> Room length in feet:</td>
<td><input type="text" size ="5" name="roomLength"/></td></tr>
<tr>
<td>Room width in feet:</td>
<td><input type="text" size="5" name="roomWidth"/></td></<tr>
<tr><td>Room Height in feet:</td>
<td><input type="text" size="5" name="roomHeight"/></td>
</tr>
<td><input type=submit value="Display Estimated Painting Cost"/></td>
</table>
</form>
</body>
</html>
* Get Results - Outsource Your PPC Management |
* Don Burk Advertising & Marketing - www.donburk.com