Hi All
I am stuck on page 155-158 of web site the right way i
have got as far as absolute position then i add the #navigation, #bodycontent{
top:120px;} and i get the navigation box & red border box half way throu
the tag line unlike the figure 4.30
i keep going over my style1css but cannot see whats wrong
any ideas
Thanks Sonic
Could you post your page code?
Hi Ralph
I had another look at it and reset the padding on the tagline &h1 it looks better not right have a look
/*
CSS for Bubble Under site
*/
body{
font-family:Verdana,helvetica,Arial,sans-serif;
background-color:#e2edff;
line-height: 125%;
padding:0;
margin:0;
}
#tagline p{
font-style: italic;
font-family: Georgia, Times, Serif;
background-color: #bed8f3;
border-top: 3px solid #7da5d8;
border-bottom: 3px solid #7da5d8;
padding-top: .2em;
paddind-bottom: .2em;
padding-left: .8em;
margin: 0;
}
li{
font-size:small;
}
p{
font-size: small;
color:navy;
}
em{
text-transform: uppercase;
}
h1,h2,h3{
font-family: "Trebuchet MS", Helvetica, Arial, San-serif;
}
h1{
font-size: x large;
background-color: navy;
color:white;
padding-top: .2em;
padding-bottom: .2em;
padding-left: .4em;
margin: 0;
}
h2{
color:navy;
font-size: 130%;
font-weight: normal;
padding-top: 15px;
}
a{
font-weight:bold;
color: black;
}
a{
font-weight:bold;
color: black;
}
a{
font-weight:bold;
}
a:link{
color:black;
}
a:visited {
color:navy;
}
a:hover {
text-decoration: none;
color: White;
background-color:navy;
}
a:active {
color: aqua;
background-color: navy;
}
.fun{
color:#339999;
font-family: Georgia; Times; Serif;
letter-spacing:0.05em;
}
#navigation{
width:180px;
border: 1px dotted navy;
background-color:#7da5d8;
}
h2,ul{
margin-top: 15px;
}
#header, #sitebranding, #tagline, navigation, #bodycontent{
border: 1px solid red;
padding: 2px;
margin-bottom: 2px;
}
#navigation, #bodycontent, #header{
position: absolute;
}
#navigation, #bodycontent{
top:120px;
}
#bodycontent{
left:200px;
thanks for the help i am going nuts here:confused:
We need to see the HTML too. Preferably, grab the HTML of the page, and add the CSS in the same page, placing it between <style></style> tags in the <head> section for easy testing.
is this what you want
<!Doctype html PUBLIC "-//W3C//DTD XHTML 1.0 strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.3.org/1999/xhtml">
<head><style>/*
CSS for Bubble Under site
*/
body{
font-family:Verdana,helvetica,Arial,sans-serif;
background-color:#e2edff;
line-height: 125%;
padding:0;
margin:0;
}
#tagline p{
font-style: italic;
font-family: Georgia, Times, Serif;
background-color: #bed8f3;
border-top: 3px solid #7da5d8;
border-bottom: 3px solid #7da5d8;
padding-top: .2em;
paddind-bottom: .2em;
padding-left: .8em;
margin: 0;
}
li{
font-size:small;
}
p{
font-size: small;
color:navy;
}
em{
text-transform: uppercase;
}
h1,h2,h3{
font-family: "Trebuchet MS", Helvetica, Arial, San-serif;
}
h1{
font-size: x large;
background-color: navy;
color:white;
padding-top: .2em;
padding-bottom: .2em;
padding-left: .4em;
margin: 0;
}
h2{
color:navy;
font-size: 130%;
font-weight: normal;
padding-top: 15px;
}
a{
font-weight:bold;
color: black;
}
a{
font-weight:bold;
color: black;
}
a{
font-weight:bold;
}
a:link{
color:black;
}
a:visited {
color:navy;
}
a:hover {
text-decoration: none;
color: White;
background-color:navy;
}
a:active {
color: aqua;
background-color: navy;
}
.fun{
color:#339999;
font-family: Georgia; Times; Serif;
letter-spacing:0.05em;
}
#navigation{
width:180px;
border: 1px dotted navy;
background-color:#7da5d8;
}
h2,ul{
margin-top: 15px;
}
#header, #sitebranding, #tagline, navigation, #bodycontent{
border: 1px solid red;
padding: 2px;
margin-bottom: 2px;
}
#navigation, #bodycontent, #header{
position: absolute;
}
#navigation, #bodycontent{
top:120px;
}
#bodycontent{
left:200px;
}
</style>
<title>BubbleUnder- the diving club for the south-west Uk</title>
<meta http-equiv="content-type"
content="text/html; charset=utf-8"/>
<link href="style1.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id ="header">
<div id ="sitebranding">
<h1> BubbleUnder.com</h1>
</div>
<div id="tagline">
<p> Diving club for the south-west UK-lets make a splash!</p>
</div>
</div> <!-- end of header div-->
<div id="navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div> <!--end of navigation div-->
<div id="bodycontent">
<h2> Welcome To our super dooper scuba site</h2>
<p><img src="divers-circle.jpg" width"200" height="162"
alt="A circle of divers practice their skills"/></p>
<p>Glad you could drop in and share some air with us! you have found your way to the start or in fact our home page.</p>
</div> <!--end of bodycontent div-->
</body>
</html>
I don’t have the book, so not sure what you are describing. Could you make a screen shot and post it? Your code looks fine in firefox to me (screen shot attached)
thanks for helping Ralph I have now got the same screen.
i think it was something to do with my padding before i sent you the mark up
not really sure but i am on my way i will give it a rest for today brain as gone around in circles
THanks again
Allan
It isn’t quite the same content as in the book but looks more or less how it should be doing for Figure 4.31 minus the red borders.
You have a few markup errors: DOCTYPE is case sensitive and you made a few typos in the URI so use this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Tip: usually it’s safer to copy-and-paste the “doctype part” rather than trying to type it by hand. 
The STYLE should have a type attribute and the IMG is missing a = from the width attribute.
The CSS needs to say x-large; not x large and .fun you should have: Georgia, Times; it’s a comma you need. You misspelt padding-bottom as paddind-bottom on #tagline p { … } so fix those. If you are still having issues we’ll look into it further. 
Hi Robert
Thanks for looking over that for me and the tips
I seem to be back on track now.
for a while anyway.
thanks again
Allan
Full steam ahead then hopefully but if you do get stuck again you know where to ask.
Hi
It’s Me Again
I have got as far as form processing in build your wed t right way The page looks as it should until
I go to the freedback form site as recommended. and put the markup in
i then get an untidy form IE boxes not in line but the form responds
I have gone over&over the mark up and it seems to be fine .have I done something wrong on the freedback form
Regards struggling sonic:)
Without seeing your page I don’t know? But if it’s working and looks correct in Firefox then I wouldn’t worry too much. I believe that part of the book asks you to use an online form generator so probably we would need to see both your code and CSS for: contact.html
thats my problem it works ok but looks awl full. here is mark up and css.
i will try and send the page if i can
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Contact Us MOBILE GRIT gritblasting Services</title>
<meta http-equiv="content-type"
content="text/html; charset=utf-8"/>
<link href="style1.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id ="header">
<div id ="sitebranding">
<h1>MOBILE GRIT gritblasting Services</h1>
</div>
<div id="tagline">
<p> Experienced! friendly Norkfolk Based Business!</p>
</div>
</div> <!-- end of header div-->
<div id="navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="gallery.html">Gallery</a></li>
</ul>
</div> <!--end of navigation div-->
<div id="bodycontent">
<h2> Contact Us</h2>
<div>
<P> Do you know what this from is a mess.</p>
<p> Drop Us A Line By email</p>
<form enctype="multipart/form-data" method="post" action="http://www.freedback.com/mail.php" accept-charset="UTF-8">
<div>
<input type="hidden" name="acctid" id="acctid" value="rr4lbptluc4esn4f" />
<input type="hidden" name="formid" id="formid" value="952721" />
<input type="hidden" name="required_vars" id="required_vars" value="name,email" />
</div>
<fieldset>
<legend>No Job To Big Or To Small</legend>
<div>
<label for="name" class="fixedwidth">Contact Name</label>
<input type="text" name="name" size="40" value=""/>
</div>
<div>
<label for="field-33312ecfc9046ef" class="fixedwidth">Telephone number</label>
<input type="text" name="field-33312ecfc9046ef" id="field-33312ecfc9046ef" size="40" value=""/>
</div>
<div>
<label for="email" class="fixedwidth">Email Address</label>
<input type="text" name="email" id="Email" size="40" value""/>
</div>
<div>
<Label for="field-2ab4a4f7753db57" class="fixedwidth">Do You Requrie a priming service</label>
<input type="text" name="field-2ab4a4f7753db57" id="field-2ab4a4f7753db57" size="40" value=""/>
</div>
<div>
<Label for="field-566e6c3b82f311e" class="fixedwidth">What type off work is Requied</label>
<input type="text" name="field-566e6c3b82f311e" id="field-566e6c3b82f311e" size"40" value=""/>
</div>
<div>
<label for="field-36062fa488a2705" class="fixedwidth">What County Do You Live In</label>
<select name="field-36062fa488a2705" id="field-36062fa488a2705">
<option value=" Bedfordshire"> Bedfordshire </option>
<option value=" Cambridgeshire">Cambridgeshire </option>
<option value=" Devon">Devon </option>
<option value=" Essex">Essex </option>
<option value=" Gloustershire">Gloustershire </option>
<option value=" Hampshire"> Hampshire</option>
<option value=" Linconshire"> Lionconshire</option>
<option value=" International(see details below)"> International(see details below)</option>
</select>
</div>
<div>
<p> Please provide any other details you think may be usefull
in the text area below( it may save a call)</p>
<label for="field-7867bb0ac63527e" class="fixedwidth">More details (as much as you think we need!)</label>
<textarea name="field-7867bb0ac63527e"
id=field-7867bb0ac63527e" rows="6" cols="40"></textarea>
</div>
<div>
<p> If We need to call you back for more info, What is the best time to call you on the number supplied?</p>
<input type="radio" name="field-cb22229510659c0" id="field-cb22229510659c0_0" value=" In the Morning"/>
<label for="field-cb22229510659c0_0"> In the morning</label>
<br/>
<input type="radio" name="field-cb22229510659c0" id="field-cb22229510659c0_1" value=" In the Afternoon"/>
<label for="field-cb22229510659c0_1">In the afternoon</label>
<br/>
<input type="radio" name="field-cb22229510659c0" id="field-cb22229510659c0_2" value=" In the Evening"/>
<label for="field-cb22229510659c0_2">In the evening</label>
<br/>
<input type="radio" name="field-cb22229510659c0" id="field--cb22229510659c0_3" value="No Calls Please"/>
<label for="field-cb22229510659c0_3">No Calls Please</label>
</div>
<div>
<p> Mobile Grit may share infomation you give us with other companys.Please confirm if you are happy for us to do this.</p>
<input type="checkbox" name="field-e95830eb4304cf[]"
id="field-e95830eb4304c_0" value=" I am happy for this to happen"/>
<label for="field-e958308eb4304cf_0"> I am happy for this to happen</label>
</div>
<div class="buttonarea">
<input type="submit" value= Send Us Info"/>
</div>
</fieldset>
</form>
<P>To find out more Urgently Contact<strong> Dan</strong/> today on tel 01603 893100 Mobile 07725 562101</p>
<p>For Anything else</p> <a href="mailto:me@example.com">email
me@example.com</a>.</p>
</div> <!--end of bodycontent div-->
</body>
</html>
/*
CSS for MOBILE GRIT gritblasting Services
*/
body{
background-color:#FF9946;
font-family:Verdana,helvetica,Arial,Sans-serif;
line-height: 125%;
padding:0;
margin:0;
background:#FF9946;
}
#tagline p{
font-style: italic;
font-family: Georgia, Times, Serif;
background-color:#bed8f3;
border-top:3px solid #B94AE8;
border-bottom: 3px solid #B94AE8;
padding-top:.2em;
padding-bottom: .2em;
padding-left: 42em;
margin: 0;
background: #bed8f3 url(backgrounds/fade.jpg)repeat-y
right;
}
li{
font-size:small;
list-style-type:square;
}
p{
font-size: small;
color:navy;
}
em{
text-transform: uppercase;
}
h1,h2,h3{
font-family: "Trebuchet MS", Helvetica, Arial, San-serif;
}
h1{
font-size: xx-large;
color:black;
padding-top: 2em;
padding-bottom:.2em;
padding-left: .4em;
margin:0;
background:green url(backgrounds/river.jpg) repeat-y right;
}
h2{
color:black;
font-size: 130%;
font-weight: normal;
padding-top: 15px;
}
a{
font-weight:bold;
color:black;
}
a{
font-weight:bold;
color: black;
}
a{
font-weight:bold;
}
a:link{
color:black;
}
a:visited {
color:red;
}
a:hover {
text-decoration:none;
color: White;
background-color:navy;
}
a:active {
color: aqua;
background-color: navy;
}
.fun{
color:#FF0033;
font-family: Georgia, Times; Serif;
letter-spacing:0.05em;
}
#navigation{
width:180px;
height:444px;
border: 2px solid red;
background:black url(backgrounds/window.jpg) no-repeat;
}
h2,ul{
margin-top:15px;
}
#navigation, #bodycontent, #header{
position: absolute;
}
#navigation, #bodycontent{
top:138px;
}
#bodycontent{
left:200px;
}
#header{
width: 100%
}
#header{
border-top: 3px solid #B94AE8;
}
.feature{
float:right;
margin:10px;
}
img{
border:3px solid black;
}
.galleryphoto p{
font-size: 65%;
font-weight:bold;
margin-top: 0;
width:430px;
line-height: 1.4em;
}
.photocredit {
font-weight: normal;
color:black;
}
.galleryphoto img{
border:3px solid black;
}
.galleryphoto{
padding-bottom: 20px;
border-bottom:3px solid yellow ;
margin-bottom: 10px;
}
table.events{
border-collapse:collapse;
}
table.events th,table.events td{
padding: 4px;
border: 1px solid #000066;
}
table.events th{
font-size: x-small;
}
table.events td{
font-size:small;
}
table.events th{
font-size: x-small;
text-align: left;
background:#241374;
color:black#ffffff;
padding-top: 0;
padding-bottom: 0;
padding-left: 2px;
padding-right: 2px;
}
table.events caption{
color: #000000;
font-size: small;
text-align:left;
padding-bottom: 5px;
font-weight: bold;
}
table.events td{
font-size: small;
background: pink url(backgrounds/tagline2.jpg) repeat-x top;
}
form.contact fieldset{
border:2px solid black;
padding:10px
}
form.contact legend{
font-weight:bold;
font-size: small;
color:black;
padding:5px;
}
form.contact{
padding: 0;
margin:0;
margin-top: -15px;
line-height: 150%
}
form.contact label{
font-weight:bold;
font-size: small;
color:black;
}
form.contact label.fixedwidth{
display: block;
width:240px;
float: left
}
form.contact .buttonarea input{
background:red;
color: white;
font-weight: bold;
padding:5px;
border:1px sloid white;
}
form.contact .buttonarea{
text-align: center;
padding:4px;
background-color:white;
}
/*
CSS for MOBILE GRIT gritblasting Services
*/
body{
background-color:#FF9946;
font-family:Verdana,helvetica,Arial,Sans-serif;
line-height: 125%;
padding:0;
margin:0;
background:#FF9946;
}
#tagline p{
font-style: italic;
font-family: Georgia, Times, Serif;
background-color:#bed8f3;
border-top:3px solid #B94AE8;
border-bottom: 3px solid #B94AE8;
padding-top:.2em;
padding-bottom: .2em;
padding-left: 42em;
margin: 0;
background: #bed8f3 url(backgrounds/fade.jpg)repeat-y
right;
}
li{
font-size:small;
list-style-type:square;
}
p{
font-size: small;
color:navy;
}
em{
text-transform: uppercase;
}
h1,h2,h3{
font-family: "Trebuchet MS", Helvetica, Arial, San-serif;
}
h1{
font-size: xx-large;
color:black;
padding-top: 2em;
padding-bottom:.2em;
padding-left: .4em;
margin:0;
background:green url(backgrounds/river.jpg) repeat-y right;
}
h2{
color:black;
font-size: 130%;
font-weight: normal;
padding-top: 15px;
}
a{
font-weight:bold;
color:black;
}
a{
font-weight:bold;
color: black;
}
a{
font-weight:bold;
}
a:link{
color:black;
}
a:visited {
color:red;
}
a:hover {
text-decoration:none;
color: White;
background-color:navy;
}
a:active {
color: aqua;
background-color: navy;
}
.fun{
color:#FF0033;
font-family: Georgia, Times; Serif;
letter-spacing:0.05em;
}
#navigation{
width:180px;
height:444px;
border: 2px solid red;
background:black url(backgrounds/window.jpg) no-repeat;
}
h2,ul{
margin-top:15px;
}
#navigation, #bodycontent, #header{
position: absolute;
}
#navigation, #bodycontent{
top:138px;
}
#bodycontent{
left:200px;
}
#header{
width: 100%
}
#header{
border-top: 3px solid #B94AE8;
}
.feature{
float:right;
margin:10px;
}
img{
border:3px solid black;
}
.galleryphoto p{
font-size: 65%;
font-weight:bold;
margin-top: 0;
width:430px;
line-height: 1.4em;
}
.photocredit {
font-weight: normal;
color:black;
}
.galleryphoto img{
border:3px solid black;
}
.galleryphoto{
padding-bottom: 20px;
border-bottom:3px solid yellow ;
margin-bottom: 10px;
}
table.events{
border-collapse:collapse;
}
table.events th,table.events td{
padding: 4px;
border: 1px solid #000066;
}
table.events th{
font-size: x-small;
}
table.events td{
font-size:small;
}
table.events th{
font-size: x-small;
text-align: left;
background:#241374;
color:black#ffffff;
padding-top: 0;
padding-bottom: 0;
padding-left: 2px;
padding-right: 2px;
}
table.events caption{
color: #000000;
font-size: small;
text-align:left;
padding-bottom: 5px;
font-weight: bold;
}
table.events td{
font-size: small;
background: pink url(backgrounds/tagline2.jpg) repeat-x top;
}
form.contact fieldset{
border:2px solid black;
padding:10px
}
form.contact legend{
font-weight:bold;
font-size: small;
color:black;
padding:5px;
}
form.contact{
padding: 0;
margin:0;
margin-top: -15px;
line-height: 150%
}
form.contact label{
font-weight:bold;
font-size: small;
color:black;
}
form.contact label.fixedwidth{
display: block;
width:240px;
float: left
}
form.contact .buttonarea input{
background:red;
color: white;
font-weight: bold;
padding:5px;
border:1px sloid white;
}
form.contact .buttonarea{
text-align: center;
padding:4px;
background-color:white;
}
will work on trying to get a sceen shot to you
Thanks you
Hi
Robert
i have sorted it I pasted over this line <form action=“” method=“post” class=“contact”>
Thanks for being there
Thanks again sonic
Hi it’s Me Again and confused
I thought I got this sorted but not so.
This line only makes my form tidy as it should look <form action=“” method=“post” class=“contact”>
And makes my css work within the form/ but does not connect to the freedback site
if i leave this line out the form is all over the place But works and connects to the freedback site i am half way there
as anybody got any ideas what I could try Thanks Sonic
That’s a bit vague. We need to see all code, as nothing will happen if there’s not form action=“”, so when you say you are leaving something out, that doesn’t tell us what’s still there.
sorry for being confusing and not explaining things well but the mark up and css are above
I don t know how to get a shot of the page posted witch would make more scenes
I think. But basically the form works if it is untidy with boxes out off line if i use the line
above in the mark up it tidy s the page up but the form does not work
I’ll have to have a look later because the example looks fairly long in the book. There are several places where you have to insert the generated content. At the moment I can clearly see a few typos for the attributes.
Missing value; " "
<input type=“submit” value="Send Us the Info" />
The id should be lowercase and match the name attribute, plus you are missing an equals sign.
<input type=“text” name=“email” id=“email” size=“40” value=“” />
Missing an equals sign, again:
<input type=“text” name=“field-566e6c3b82f311e” id=“field-566e6c3b82f311e” size=“40” value=“” />
Invalid ID value missing; " "
<textarea name=“field-7867bb0ac63527e” id="field-7867bb0ac63527e" rows=“6” cols=“40”></textarea>
Later on I’ll have a proper look at what else appears to be wrong but fix few those typos first.
It looks like you’ve been getting completely confused with the ID values there are several mismatches and that is why the form probably doesn’t work.
Plus you are missing attributes and don’t have all the elements in lowercase. Also you’ve copied some of the books unique ID values which might not work on your form.
This is what the above code would look like minus the typos:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content=
"text/html; charset=UTF-8" />
<title>
Contact Us MOBILE GRIT gritblasting Services
</title>
<link href="style1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="sitebranding">
<h1>
MOBILE GRIT gritblasting Services
</h1>
</div>
<div id="tagline">
<p>
Experienced! friendly Norkfolk Based Business!
</p>
</div>
</div><!-- end of header div-->
<div id="navigation">
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="about.html">About Us</a>
</li>
<li>
<a href="services.html">Services</a>
</li>
<li>
<a href="contact.html">Contact Us</a>
</li>
<li>
<a href="gallery.html">Gallery</a>
</li>
</ul>
</div><!--end of navigation div-->
<div id="bodycontent">
<h2>
Contact Us
</h2>
<div>
<p>
Do you know what this from is a mess.
</p>
<p>
Drop Us A Line By email
</p>
<form enctype="multipart/form-data" method="post" action=
"http://www.freedback.com/mail.php" accept-charset=
"UTF-8">
<div>
<input type="hidden" name="acctid" id="acctid" value=
"rr4lbptluc4esn4f" /> <input type="hidden" name=
"formid" id="formid" value="952721" /> <input type=
"hidden" name="required_vars" id="required_vars"
value="name,email" />
</div>
<fieldset>
<legend>No Job To Big Or To Small</legend>
<div>
<label for="name" class="fixedwidth">Contact
Name</label> <input type="text" name="name" id=
"name" size="40" value="" />
</div>
<div>
<label for="field-33312ecfc9046ef" class=
"fixedwidth">Telephone number</label> <input type=
"text" name="field-33312ecfc9046ef" id=
"field-33312ecfc9046ef" size="40" value="" />
</div>
<div>
<label for="email" class="fixedwidth">Email
Address</label> <input type="text" name="email" id=
"email" size="40" value="" />
</div>
<div>
<label for="field-2ab4a4f7753db57" class=
"fixedwidth">Do You Requrie a priming
service</label> <input type="text" name=
"field-2ab4a4f7753db57" id="field-2ab4a4f7753db57"
size="40" value="" />
</div>
<div>
<label for="field-566e6c3b82f311e" class=
"fixedwidth">What type off work is Requied</label>
<input type="text" name="field-566e6c3b82f311e" id=
"field-566e6c3b82f311e" size="40" value="" />
</div>
<div>
<label for="field-36062fa488a2705" class=
"fixedwidth">What County Do You Live In</label>
<select name="field-36062fa488a2705" id=
"field-36062fa488a2705">
<option value=" Bedfordshire">
Bedfordshire
</option>
<option value=" Cambridgeshire">
Cambridgeshire
</option>
<option value=" Devon">
Devon
</option>
<option value=" Essex">
Essex
</option>
<option value=" Gloustershire">
Gloustershire
</option>
<option value=" Hampshire">
Hampshire
</option>
<option value=" Linconshire">
Lionconshire
</option>
<option value=
" International(see details below)">
International(see details below)
</option>
</select>
</div>
<div>
<p>
Please provide any other details you think may be
usefull in the text area below( it may save a
call)
</p><label for="field-7867bb0ac63527e" class=
"fixedwidth">More details (as much as you think we
need!)</label>
<textarea name="field-7867bb0ac63527e" id=
"field-7867bb0ac63527e" rows="6" cols="40">
</textarea>
</div>
<div>
<p>
If We need to call you back for more info, What
is the best time to call you on the number
supplied?
</p><input type="radio" name=
"field-cb22229510659c0" id=
"field-cb22229510659c0_0" value=
" In the Morning" /> <label for=
"field-cb22229510659c0_0">In the
morning</label><br />
<input type="radio" name="field-cb22229510659c0"
id="field-cb22229510659c0_1" value=
" In the Afternoon" /> <label for=
"field-cb22229510659c0_1">In the
afternoon</label><br />
<input type="radio" name="field-cb22229510659c0"
id="field-cb22229510659c0_2" value=
" In the Evening" /> <label for=
"field-cb22229510659c0_2">In the
evening</label><br />
<input type="radio" name="field-cb22229510659c0"
id="field-cb22229510659c0_3" value=
"No Calls Please" /> <label for=
"field-cb22229510659c0_3">No Calls Please</label>
</div>
<div>
<p>
Mobile Grit may share infomation you give us with
other companys.Please confirm if you are happy
for us to do this.
</p><input type="checkbox" name=
"field-e95830eb4304cf[]" id=
"field-e95830eb4304cf_0" value=
" I am happy for this to happen" /> <label for=
"field-e95830eb4304cf_0">I am happy for this to
happen</label>
</div>
<div class="buttonarea">
<input type="submit" value="Send Us Info" />
</div>
</fieldset>
</form>
<p>
To find out more Urgently Contact <strong>Dan</strong>
today on tel 01603 893100 Mobile 07725 562101
</p>
<p>
For Anything else
</p>
<p>
<a href="mailto:me@example.com">email
[email]me@example.com[/email]</a>.
</p>
</div><!--end of bodycontent div-->
</div>
</body>
</html>
Personally I would have followed the book format myself it would have been several dozen times easier. I think you should start again from around page 289.
Because you are supposed to enter your own unique generated ID values for those bold parts within the book. So even with the fixed typos in this post I don’t think it will work unless you make sure your ID values match your generated values from: freedback.com.
Maybe if we had the generated output values like (Figure 7.31) we’d have a chance.
Thanks Robert
i am Certainly confused with the the values i will
go back to the book and have a good read
and i will look out of those typos
Thanks again