HTML woes

scr62_1 · Joined: 11 Apr 2008 Posts: 4

I'm totally desperate.
I'm using Mike-row-soft expression web to build a web form. Being a complete novice I have most of the form I want done, but cannot finish it Sad

This is what I have so far

Corey Bryant · Posted: Fri Apr 11, 2008 7:22 am

In Expression Web, place the cursor in the cell where you want the input. Make sure you have your Tool bar task pane opened (if not go to Task Pane - Tool bars.

Now you will see the HTML tags probably on the right. You should see some form controls and now you can drag the input to each cell you would like to have the input.

Or you can copy one of the inputs that you already have and paste it into the correct cell.

_________________
Corey
Toll Free Phone Numbers | Processing Credit Cards | Microsoft Expression Web Blog

scr62_1 · Joined: 11 Apr 2008 Posts: 4

Something is still wrong Sad

There's a huge gap between the input lines in each column & column # 4's input is nothing like the others Sad

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CRT quantity</title>
<style type="text/css">
.style1 {
font-family: Verdana;
font-size: small;
}
.style3 {
font-family: Verdana;
}
.style4 {
text-align: center;
font-family: Verdana;
font-size: small;
}
</style>
</head>

<body vlink="#0000FF">

<table style="width: 100%">
<tr>
<td class="style1" style="width: 64px">CRT quantity</td>
<td class="style1" style="width: 119px">Product name</td>
<td class="style1" style="width: 102px">Product qty</td>
<td class="style1" style="width: 107px">Product price</td>
<td class="style1" style="width: 107px"> </td>
<td class="style1" style="width: 120px">(or) Specific date</td>
</tr>
<tr>
<td colspan="5" class="style4"><strong>**********The text below is an
order example**********</strong></td>
</tr>
<tr>
<td style="height: 23px; width: 64px" class="style1">3</td>
<td style="height: 23px; width: 119px;" class="style1">Twin Fin Wine</td>
<td style="height: 23px; width: 102px" class="style1">4</td>
<td style="height: 23px; width: 107px" class="style1">$7.99</td>
<td style="height: 23px; width: 107px" class="style1"> </td>
<td style="height: 23px; width: 120px" class="style1"> 02/15/08</td>
</tr>
<tr>
<td colspan="5" class="style4"><strong>*The line above shows that I need
3 crts with 4 bottles of Twin Fin wine @ $7.99 each dated 02/15/08*</strong></td>
</tr>
<tr>
<td style="height: 23px" colspan="5" class="style4"><strong>*Please do
NOT change any of the above text. Start your order request on the next
line please*</strong></td>
</tr>
<tr>
<td class="style3" style="width: 64px; ">
<form method="post" style="width: 110px">
<input name="Text1" type="text" /></form>
 <input name="Text7" type="text" /></td>
<td class="style3" style="width: 119px;">
<form method="post">
<input name="Text2" type="text" /></form>
 <input name="Text8" type="text" /></td>
<td style="width: 102px; " class="style3">
<form method="post">
<input name="Text3" type="text" /></form>
 <input name="Text9" type="text" /></td>
<td style="width: 107px; " class="style3">
<form method="post">
<input name="Text4" type="text" /></form>
 <input name="Text10" type="text" /></td>
<td style="width: 107px; " class="style3">
<input name="Text13" type="text" /><br />
</td>
<td style="width: 120px; " class="style3">
<form method="post">
<input name="Text6" type="text" /></form>
 <input name="Text12" type="text" /></td>
</tr>
<tr>
<td class="style3" style="width: 64px"> </td>
<td class="style3" style="width: 119px"> </td>
<td style="width: 102px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 120px" class="style3"> </td>
</tr>
<tr>
<td class="style3" style="width: 64px; height: 22px;"></td>
<td class="style3" style="width: 119px; height: 22px;"></td>
<td style="width: 102px; height: 22px;" class="style3"></td>
<td style="width: 107px; height: 22px;" class="style3"></td>
<td style="width: 107px; height: 22px;" class="style3"> </td>
<td style="width: 120px; height: 22px;" class="style3"></td>
</tr>
<tr>
<td class="style3" style="width: 64px; height: 22px"></td>
<td class="style3" style="height: 22px; width: 119px;"></td>
<td style="width: 102px; height: 22px" class="style3"></td>
<td style="width: 107px; height: 22px" class="style3"></td>
<td style="width: 107px; height: 22px" class="style3"> </td>
<td style="width: 120px; height: 22px" class="style3"></td>
</tr>
<tr>
<td class="style3" style="width: 64px"> </td>
<td class="style3" style="width: 119px"> </td>
<td style="width: 102px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 120px" class="style3"> </td>
</tr>
<tr>
<td class="style3" style="width: 64px"> </td>
<td class="style3" style="width: 119px"> </td>
<td style="width: 102px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 120px" class="style3"> </td>
</tr>
<tr>
<td class="style3" style="width: 64px"> </td>
<td class="style3" style="width: 119px"> </td>
<td style="width: 102px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 120px" class="style3"> </td>
</tr>
<tr>
<td class="style3" style="width: 64px"> </td>
<td class="style3" style="width: 119px"> </td>
<td style="width: 102px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 120px" class="style3"> </td>
</tr>
<tr>
<td class="style3" style="width: 64px"> </td>
<td class="style3" style="width: 119px"> </td>
<td style="width: 102px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 120px" class="style3"> </td>
</tr>
<tr>
<td class="style3" style="width: 64px"> </td>
<td class="style3" style="width: 119px"> </td>
<td style="width: 102px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 120px" class="style3"> </td>
</tr>
<tr>
<td class="style3" style="width: 64px"> </td>
<td class="style3" style="width: 119px"> </td>
<td style="width: 102px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 120px" class="style3"> </td>
</tr>
<tr>
<td class="style3" style="width: 64px"> </td>
<td class="style3" style="width: 119px"> </td>
<td style="width: 102px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 120px" class="style3"> </td>
</tr>
<tr>
<td class="style3" style="width: 64px"> </td>
<td class="style3" style="width: 119px"> </td>
<td style="width: 102px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 120px" class="style3"> </td>
</tr>
<tr>
<td class="style3" style="width: 64px"> </td>
<td class="style3" style="width: 119px"> </td>
<td style="width: 102px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 120px" class="style3"> </td>
</tr>
<tr>
<td class="style3" style="width: 64px"> </td>
<td class="style3" style="width: 119px"> </td>
<td style="width: 102px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 120px" class="style3"> </td>
</tr>
<tr>
<td class="style3" style="width: 64px"> </td>
<td class="style3" style="width: 119px"> </td>
<td style="width: 102px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 120px" class="style3"> </td>
</tr>
<tr>
<td class="style3" style="width: 64px"> </td>
<td class="style3" style="width: 119px"> </td>
<td style="width: 102px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 120px" class="style3"> </td>
</tr>
<tr>
<td class="style3" style="width: 64px"> </td>
<td class="style3" style="width: 119px"> </td>
<td style="width: 102px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 120px" class="style3"> </td>
</tr>
<tr>
<td class="style3" style="width: 64px"> </td>
<td class="style3" style="width: 119px"> </td>
<td style="width: 102px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 120px" class="style3"> </td>
</tr>
<tr>
<td class="style3" style="width: 64px"> </td>
<td class="style3" style="width: 119px"> </td>
<td style="width: 102px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 120px" class="style3"> </td>
</tr>
<tr>
<td class="style3" style="width: 64px"> </td>
<td class="style3" style="width: 119px"> </td>
<td style="width: 102px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 120px" class="style3"> </td>
</tr>
<tr>
<td class="style3" style="width: 64px"> </td>
<td class="style3" style="width: 119px"> </td>
<td style="width: 102px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 120px" class="style3"> </td>
</tr>
<tr>
<td class="style3" style="width: 64px"> </td>
<td class="style3" style="width: 119px"> </td>
<td style="width: 102px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 107px" class="style3"> </td>
<td style="width: 120px" class="style3"> </td>
</tr>
</table>
<p>
<form method="post">
<a href="mailto:MrsSCRumpler62atcomcast.net?subject=CRT order form">
<input name="Submit1" type="submit" value="submit" /></a></form>
 </p>

</body>

</html>

Corey Bryant · Posted: Sat Apr 12, 2008 7:04 am

You really need to take a step back and just look at the code.

The first thing - on row 4

scr62_1 · Joined: 11 Apr 2008 Posts: 4

Hi there,
I'm trying to set up an order form with 6 columns seperately on 1 line & about 30 rows under each one. The form has to be set up to allow customers to fill in their orders on each row under each column ,then they need to be able to submit the filled in form to me via email from my website, which is where I want the form to be viewed from. Hope this makes sense?

Question

Corey Bryant · Posted: Sat Apr 12, 2008 2:11 pm Re: What I'm trying to do

scr62_1 · Joined: 11 Apr 2008 Posts: 4

Thank you but my last post IS infact what I was trying to say in my very 1st post. I'm still trying to create the same form. I will go to the link you provided & see what I can come up with.
Thank you again for your help