Originally Posted by
liljoey
</form>
<FORM [...]
Validate your mark-up. Seriously.
A few tips:
- Use a title that is specific to every page. The title should be able to tell a user precisely what is on that page even taken completely out of context.
- Use semantic mark-up, not outdated HTML 3.2 junk.
- Validate you mark-up, especially if something isn't working properly.
- Don't spread your content out too much. Don't make visitors scroll unnecessarily. They should never have to scroll horizontally.
- Don't use marquees. Scrolling text is distracting and annoying, especially if there's a lot of text: if the user misses it, they have to wait for a complete cycle.
- Don't produce links that link back to the same page.
Here's one way to rewrite your page correctly:
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en" dir="ltr">
<head>
<title>Bin Fresh Cleaning Services - Contact Us</title>
<style type="text/css">
body {
font: 100% sans-serif;
margin: 1ex;
padding: 0;
}
h1, h2 {
margin: 0;
padding: 0;
}
h1 {
font: 130% sans-serif;
margin-bottom: 0.4em;
text-align: center;
}
h2 {
font: 110% sans-serif;
margin-bottom: 0.8em;
}
#contact,
#navigation,
#navigation li {
list-style-type: none;
margin: 0;
padding: 0;
}
#contact {
margin-left: 1em;
}
#contact fieldset,
#contact form,
#contact legend {
margin: 0;
padding: 0;
}
#contact fieldset {
border-style: none;
}
#contact legend {
display: none;
}
#contact li {
padding-bottom: 0.5ex;
}
#contact table {
margin: 0 0 0 1ex;
}
#content {
background: white url(http://www.freewebs.com/binfreshcleaningservices/phone.gif) no-repeat 85% 0%;
margin-left: 11.75em;
}
#navigation {
border: 1px inset black;
padding: 1ex;
float: left;
width: 10em;
}
</style>
</head>
<body>
<h1>Contact us</h1>
<ul id="navigation">
<li><a href="http://www.freewebs.com/binfreshcleaningservices/">Home</a></li>
<li><a href="http://www.freewebs.com/binfreshcleaningservices/sp.htm">Services and prices</a></li>
<li class="current">Contact us</li>
<li><a href="http://www.freewebs.com/binfreshcleaningservices/about.htm">About us</a></li>
<li><a href="http://www.freewebs.com/binfreshcleaningservices/faq.htm"><abbr title="Frequently asked questions">FAQ</abbr></a></li>
</ul>
<div id="content">
<h2>Contact methods</h2>
<ul id="contact">
<li>E-mail: xxx@yyy.zzz</li>
<li>Phone: aaaan nnn nnn</li>
<li>Form:
<form action="url" method="post">
<fieldset><legend></legend>
<input type="hidden" name="userid" value="10679505">
<input type="hidden" name="next" value=" http://www.freewebs.com/binfreshcleaningservices/main.htm">
<table>
<tr>
<td><label for="name">Name:</label></td>
<td><input type="text" id="name" name="Name"></td>
</tr>
<tr>
<td><label for="e-mail">E-mail address:</label></td>
<td><input type="text" id="e-mail" name="E-mail"></td>
</tr>
<tr>
<td><label for="subject">Subject:</label></td>
<td><select id="subject" name="Subject" size="1">
<option value="Enquires" selected>Enquires/Bookings</option>
<option value="Comments">Comments</option>
<option value="FAQ">FAQ</option>
</select></td>
</tr>
<tr>
<td><label for="comments">Comments:</label></td>
<td><textarea id="comments" name="Comments:" cols="40" rows="6"></textarea></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Send"></td>
</tr>
</table>
</fieldset>
</form></li>
</ul>
</div>
</body>
</html>
As for why it didn't send, you didn't specify the action attribute you probably meant to.
Mike
Help with user Forms
Reply With Quote
Thanks
And what the heck is semantic mark-up?
) and would appreciate any help given.
Just make sure you learn the right things. The vast majority of written material (on- and off-line) is horribly outdated. The best place to learn, after reading the 
I could probably write a book on how to approach newsgroups...
Once again (as always) I have another problem!!!!! 
Thanks for your help mwinter and TheBigT
Bookmarks