If I go to www.c5d.co.uk/homepage.php then hover over Northern Ireland, Eire, Censuses and NZ, then the drop downs appear cut off
Antony
Antony, the problem with the drop-down menus on the homepage is specific to IE9. That’s why I didn’t see it.
There is most likely something less-than-ideal about the coding of those menus (or maybe it’s just an IE9 bug). Either way, the following add will work around it.
cd5dropdownmenu, Line 105:
#subMenusContainer li {
list-style: none;
[COLOR="#0000FF"]white-space:nowrap;[/COLOR] /* ADD this property */
}
You didn’t ask, but…
The HTML on the homepage is a disaster of unmatched tags. I started to nag about that stray <p> tag again, but realized that much of the text on that page is not between matched tags. Whether this page “works” or not is entirely up to individual browsers.
Since your editor does not help, I STRONGLY recommend that you break tradition and INDENT your code. You will find text without tags and text and other items between mismatched tags, etc. About a zillion opportunities for the layout to be different in different browsers. Let this be a worthwhile departure from tradition.
Thanks for the tip. I have done what you say, and added that CSS. It works fine.
I’m not sure what you mean about the HTML being a disaster. I know you don’t like the layout, but it validates fine on my HTML editor and also when I look at it in Chrome it also says that there are no errors.
Without re writing the page for me can you give me an example of what you mean ?
Thanks
Antony
[FONT=Verdana]
it validates fine on my HTML editor and also when I look at it in Chrome it also says that there are no errors.
Validators only respond to the things that they are programmed to recognize. I advocate using the validator; but one must recognize its limitations, too. I do not know why the HTML5 validator is so lax about code structure. Perhaps because the standard is still unfinished? Failing to report stray tags or improperly constructed forms does not mean that they do not exist and does not mean that they are unimportant. It just means that the validator isn’t reporting them. If you accept the output of the validator as the literal voice of “right” vs “wrong”, “good” vs “bad”, you are deceiving yourself.
Why did you choose an HTML5 doctype for your revised web site, Antony?
That’s a rhetorical question. No answer expected.
The HTML5 doctype validates with zero errors and 2 unidentified warnings in Firefox. That’s pretty nice to see, isn’t it.
Want to try an interesting experiment? Change the doctype on your homepage to HTML4.01 Strict and run the validator again.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Hmmmm. A disconcerting 25 errors. But WHY? After all… it’s the same code, and the HTML5 validator said it was all good. Why isn’t it still good in the HTML4 validator? Are the errors real? Yes, most of them are, and most of them involve that form. Pretty intense, huh? But none of them say anything about stray <p> tags. So, it still must be “pretty good”, don’t ya think?
Feelin pumped? Just for fun, try changing the doctype to an XHTML1.0 Strict and run the validator again. Be sure you’re sitting down. 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Read it and weep… 189 errors. This one catches the stray <p> tags, and a lot more. But to be fair, it also flags “empty” tags like <br> and <img> because the XHTML spec expects slashes before the closing greater-than symbol (which, in contrast, will flag an error in an HTML4 validator). Are most of these valid errors? Well, maybe about 170 or so might be.
But, did ya notice that none of these validators flagged any of the text that is outside of an appropriate container (such as <p> tags)? So, even the strictest of validators doesn’t catch everything.
I know you don’t like the layout,
You are so wrong. What I like or don’t like is totally irrelevent. I wish for you to be able to read and relate to your own layout. You seem to be persistently unclear about the code on your pages, so I am repeatedly suggesting a technique that makes it EASY to see how things are actually laid out.
Case in point…
Without re writing the page for me [em]can you give me an example of what you mean?[/em]
You are asking for an example of the same stray <p> tag that we’ve addressed several times before, examples of text that is not between matched tags (typically <p> tags), or not between tags at all, YET these are very simple things that you can spot yourself.
I nag about indenting code because it is something very EASY that anyone can do to visualize the HTML structure of their page and to account for the HTML tags. It makes missing or misplaced tags practically jump out at you. But it takes a little more time and you do not seem to value the benefit. That’s your prerogative. So be it.
The request you are making, “show me some examples”, is ironically the reason I have suggested trying an indented code technique. Doing so would allow you to spot the problems yourself. Do you think I do anything different to find those examples for you? It’s not magic.
Tools such as the validator help, techniques such as indenting are helpful to see how the HTML is structured, programming editors that color brackets are beneficial, etc. Being able to read your code a year from now and understand how it works is worth a little extra effort today, in my book.
[/FONT]
I have corrected about half of the errors which you suggested with this strict validator.
I chose this format <!DOCTYPE html>
<html lang=“en”><head>
because it was suggested at the outset of this project that this was the format to use.
I am loathe to do much with the Paypal provided HTML because obviously the form has to work and that’s where a lot of the errors seem to be.
Can you suggest anything ?
Antony
Please tell me if this image represents something that you can live with or describe what modifications are needed to make it satisfactory.
The image is <pending waiting approval> at present so I cannot really see.
Hopefully it will be available this evening after work
Antony
Thanks for this. Now that I have seen the image, I can go with most of it, but even though the Paypal and XE modules are centred, I’d still like the red headings down the left hand side.
There are in 8 or 9 of these type of pages each with different Paypal coding. Is it easy to resolve
Antony
I want to be sure about the PayPal requirement… Please pick an image or describe something else.
Th eimages are visiblenow, and for me option2 is best one
Thanks
[FONT=Verdana]Antony, if you are interested in eliminating an unnecessary <div> layer in your menu, please do the following:
Make a backup of the c5dmenu.php file.
Copy this code into a new c5dmenu.php file. (Please keep the indents exactly.)
Test the new c5dmenu.php file throughout your site.
This revision removes one apparently unnecessary <div> layer outside of the #navcontainer and closes the hole where the flyout menu was. It also adds the id “header” to the logo container. This revision does not affect the performance or validation of your site. It just tidys up the menu file a little.
I hope you will try it, but if not, it’s no biggie at all.
Cheers!
c5dmenu.php[/FONT]
<div id="header">
<img src="http://www.c5d.co.uk/c5dbackground.png" alt="c5dlogo" width="950" height="115">
</div>
<div id="navcontainer">
<ul id="nav" class="menu">
<li><a href="http://www.c5d.co.uk/homepage.php"><img src="http://www.c5d.co.uk/home.gif" alt ="home" /></a></li>
<li><a href="http://www.c5d.co.uk/homepage.php">Eng & Wales</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/homepage.php">England & Wales Certificates</a></li>
<li><a href="http://www.c5d.co.uk/groups.php">Family Groups</a></li>
<li><a href="http://www.c5d.co.uk/research.php">Research Service</a></li>
<li><a href="http://www.c5d.co.uk/ninthfield.php">Large Orders</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/scotland.php">Scotland</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/scotland.php">Scottish Certificates</a></li>
<li><a href="https://secure.jotformeu.com/form/20562318766356">Scottish Order Form</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/northernireland.php">N.Ireland</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/northernireland.php">Northern Irish Certificates</a></li>
<li><a href="https://secure.jotformeu.com/form/20562335218347">Northern Ireland Order Form</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/roi.php">Eire</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/roi.php">Irish Certificates</a></li>
<li><a href="http://form.jotformeu.com/form/20560737900349">Irish Certificate Order Form</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/parishrecords.php">P R Es</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/parishrecords.php">Parish Register Entries</a></li>
<li><a href="https://secure.jotformeu.com/form/20563263008345">Parish Register Order Form</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/censusentries.php">Censuses</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/censusentries.php">Census Entry Copies</a></li>
<li><a href="https://secure.jotformeu.com/form/20563312173343">Census Order Form</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/sterlingpayments.php">Payments in £</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/sterlingpayments.php">Make Payments in £</a></li>
<li><a href="https://secure.jotformeu.com/form/20562220135338">Order Form</a></li></ul>
</li>
<li><a href="http://www.c5d.co.uk/nzcerts.php">NZ</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/nzcerts.php">New Zealand Certificates</a></li>
<li><a href="http://www.c5d.co.uk/nzcerts.php">Order Form</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/probates.php">Probates</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/probates.php">Probates, Wills & Admons</a></li>
<li><a href="http://www.c5d.co.uk/pre1858.php">Pre 1858 Probates</a></li>
<li><a href="https://secure.jotform.com/form/20393244360"> Probate Order Form</a></li>
</ul>
</li>
</ul>
</div>
OK done
When we surround our unclaimed text with <p> tags, a couple of things shift. One such shift that I think is worthwhile happens when you add <p> tags around that first anchor (the first line beneath the menu):
[COLOR="#0000FF"]<p>[/COLOR]<a href="https://secure.jotformeu.com/form/13060046206" [COLOR="#FF0000"][s]class="p.three"[/s][/COLOR]>Secure Order Form</a>[COLOR="#0000FF"]</p>[/COLOR]
The link drops a little below the menubar.
At this moment, the Secure Order Form link is touching the bottom of the menu. It is easy to overshoot the link and drop a menu and have to wait until the drop-down times out before one can take another shot at the Secure Order Form link. Very annoying. Allowing a little room above that link will reduce the likelihood of obscuring the link by accidently scrolling over a drop-down menu item.
Try it, and see what you think.
In any case, DELETE class=“p.three”. There is no such class.
The class should read " three" as it does on the pages. It’s what keeps the wording blue and not underlined
p.three {color:#00008b; text-decoration:none;} a:link, a:visited{color:#00008b;}
I know what you mean about the link and will give it a shot
Antony
Two things…
First,
“text-decoration:none” assigned to the paragraph above does not remove the default underline from the anchor.
Please look in the css and notice that the class .three is assigned to a paragraph, not an anchor; yet in HTML you have assigned it to an anchor; therefore, it is doing nothing on this page. There is no css to remove the default underline from the anchors.
The 4 links on homepage.php:
- Secure Order Form (top of page)
- Secure Order Form (in "To pay for a certificate,… " paragraph)
- Order Form (in "To pay for a certificate,… " paragraph)
- Ninth Field Services (in “Large Orders” section)
All behave AS IF they are coded as follows:
a:link, a:visited {color:color:#00008b; text-decoration:underline;} /* they are blue AND UNDERLINED */
a:hover, a:active {color:#fff; text-decoration:none;}
Second,
To me, the css for the anchors needs an overhaul for the whole site.
The designs for the anchors have apparently evolved over time and are rather disorganized. I suspect that many could be deleted.
You might consider asking yourself “which anchor behaviors/patterns are used the most in your site?”
Why not set the most used pattern as the default anchor styles, and then code for the exceptions?
I do not believe that you will need to target as may different classes. Just a thought.
To help you get started…
All of the following lines appear in the c5dstyles.css file. Not all are problematic, but some are.
Line 20:
p.one a:link,p.one a:visited {color:#cd0000; font-size: 19px;font-weight:bold;}
Line 24:
a:link, a:visited{color:#00008b;}
Line 26:
p.four a:link,p.four a:visited {color:#000000; font-size: 15px;font-weight:bold;}
Line 27:
p.C5D a:link,p.C5D a:visited {color:#cd0000; font-size: 15px;font-weight:bold;}
Line 30:
a:link, a:visited{color:#00008b;}
Line 32:
a:hover {
color: #ffffff; /* Colour of Links when hovering */
text-decoration: none;
}
Line 48:
#navcontainer .current-cat a { /* there is no class="current-cat" in id="navcontainer" */
color:#000000;
background:#708090;
}
Lines 60-61:
.otherservices a {color: #000; text-decoration: none; font-style:italic; font-family:"New Century Schoolbook", Times, serif;}
.otherservices a:hover { color: #ffffff;}
Lines 66-67:
.c5dservices1 a {color: #000; text-decoration: none; font-style:italic; font-family:"New Century Schoolbook", Times, serif;}
.c5dservices1 a:hover { color: #ffffff;}
Lines 70-71:
.c5dservices a {color: #000; text-decoration: none; font-style:italic; font-family:"New Century Schoolbook", Times, serif;}
.c5dservices a:hover { color: #ffffff;}
Line 123:
.census1841 li a:hover { color: #ffffff;}
Line 125:
.census1841 li a {color: #000; text-decoration: none; font-style:italic; font-family:"New Century Schoolbook", Times, serif;}
The last 4 goups of styles are duplicates. Only the classes differ. Are the font characteristics font-style or font-family already specified in paragraph or list item code? If so, they are unnecessary in the anchor.
OK, it’s one for tonight.
I am sure the CSS needs overhauling as it was originally built on a site that used frames !
It has eveolved over time.
I shall lok at what you have done tonight.
In fact I don’t know what all of it does any more, but have marked my comments at the side.
Thanks for the suggestions, I’ll look at it tonight.
Th eultimate aim is to get it all on one sheet or make them both understandable to a simpleton. Me.
Antony
I have tried to tidy this up . I have deleted a lot from the c5d style sheet and noted what each line does.
Whether it’s all OK, I’m not certain but it does seem to display OK
Antony
[FONT=Verdana]Hi, Antony,
Sorry for the delay getting this done.
With appropriate adjustments, the HTML validates clean using all 3 doctypes.
NOTES:
-
The first two paragraphs are arranged the way they were before <p> tags were added. They kept your original look.
-
Non-working classes have been deleted throughout the page.
-
When copying the products/target forms or the xeconverter to another page, I suggest including the outer comment lines in the copy. That way, you will not overlook anything. You can then delete whatever you don’t need (comment line through comment line) after pasting. Just a thought. It’s easy to miss that closing </div> before the END productwrap comment.
-
The adverts at the bottom of the page have been surrounded by a div whose purpose is to clear the floats. It would probably be a good idea to use this technique on other pages, especially when the adverts appear near the top of the page, but it will most likely require reducing the top margin of the first line that follows the adverts.
This is a new c5dmenu.php file, if you wish to use it. Fixes a couple of typos. (Copy from the left margin to keep the top line indented.)
<div id="header">
<img src="http://www.c5d.co.uk/c5dbackground.png" alt="c5dlogo" width="950" height="115">
</div>
<div id="navcontainer">
<ul id="nav" class="menu">
<li><a href="http://www.c5d.co.uk/homepage.php"><img src="http://www.c5d.co.uk/home.gif" alt="home"></a></li>
<li><a href="http://www.c5d.co.uk/homepage.php">Eng & Wales</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/homepage.php">England & Wales Certificates</a></li>
<li><a href="http://www.c5d.co.uk/groups.php">Family Groups</a></li>
<li><a href="http://www.c5d.co.uk/research.php">Research Service</a></li>
<li><a href="http://www.c5d.co.uk/ninthfield.php">Large Orders</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/scotland.php">Scotland</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/scotland.php">Scottish Certificates</a></li>
<li><a href="https://secure.jotformeu.com/form/20562318766356">Scottish Order Form</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/northernireland.php">N.Ireland</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/northernireland.php">Northern Irish Certificates</a></li>
<li><a href="https://secure.jotformeu.com/form/20562335218347">Northern Ireland Order Form</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/roi.php">Eire</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/roi.php">Irish Certificates</a></li>
<li><a href="http://form.jotformeu.com/form/20560737900349">Irish Certificate Order Form</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/parishrecords.php">P R Es</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/parishrecords.php">Parish Register Entries</a></li>
<li><a href="https://secure.jotformeu.com/form/20563263008345">Parish Register Order Form</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/censusentries.php">Censuses</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/censusentries.php">Census Entry Copies</a></li>
<li><a href="https://secure.jotformeu.com/form/20563312173343">Census Order Form</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/sterlingpayments.php">Payments in £</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/sterlingpayments.php">Make Payments in £</a></li>
<li><a href="https://secure.jotformeu.com/form/20562220135338">Order Form</a></li></ul>
</li>
<li><a href="http://www.c5d.co.uk/nzcerts.php">NZ</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/nzcerts.php">New Zealand Certificates</a></li>
<li><a href="http://www.c5d.co.uk/nzcerts.php">Order Form</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/probates.php">Probates</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/probates.php">Probates, Wills & Admons</a></li>
<li><a href="http://www.c5d.co.uk/pre1858.php">Pre 1858 Probates</a></li>
<li><a href="https://secure.jotform.com/form/20393244360"> Probate Order Form</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/bonavacantia.php">Bona Vacantia</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/bonavacantia.php">Bona Vacantia</a></li>
</ul>
</li>
</ul>
</div>
This CSS should be added to the c5dstyle.css file.
/* xe.com Universal Currency Converter */
#xeconverter {
display:table;
border:1px solid #000;
border-radius:12px;
background-color:#789;
padding:0 2px;
margin:24px auto 16px; /* centers #xeconverter on the page. Change "auto" to "0" to align left. */
}
.formwrap {
border:1px solid #000;
background-color:#abc;
}
.fieldheads {
display:table;
width:100%;
}
.fieldheads p {
display:table-cell;
width:60%;
padding:8px 0 7px 12px;
margin:0;
}
.fieldheads p + p {
width:auto;
padding-left:0;
}
.xehead,
.xefoot {
text-align:center;
font-size:110%;
line-height:140%;
margin:0;
}
.fieldwrap {
padding:0 8px;
}
.fieldwrap div {
display:inline-block;
vertical-align:middle;
margin:0 4px;
}
.submitwrap {
text-align:center;
margin:12px auto 10px;
}
#xeconverter input[type="submit"] {
padding-bottom:2px;
cursor:pointer;
}
#xeconverter option {
cursor:pointer;
}
.xefoot {
font-size:86%;
}
.xefoot a {
color:#abc;
}
sup { /* ANY <sup> tag will be given these styles */
vertical-align:.4em;
font-size:80%;
}
/* PayPal and Give-a-Cert forms */
#productwrap {
display:table; /* {display:table} with {margin:0 auto} appears to center <h2> "Give a Cert..." because it is the widest line (in fact, that line is not centered). {display:block} or nothing allows the <h2> to left-align alone. */
/* margin:0 auto; /* {display:table} without {margin:0 auto} left-aligns the sales box while its contents (the forms and headings) remain centered. */
}
#products {
display:table;
padding-bottom:12px;
margin:0 auto;
}
#products p {
text-align:center;
margin-top:0;
}
#products input[type="image"] {
display:block;
border:0;
margin:20px auto 0;
}
#target {
display:table;
padding-bottom:12px;
margin:0 auto;
}
#target input[type="image"] {
display:block;
border:0;
margin:6px auto;
}
img[src$="pixel.gif"] { /* ANY <img> tag with a src named pixel.gif will be given these styles */
display:block;
width:1px;
height:1px;
border:0;
}
/* Miscellaneous */
.center {text-align:center;}
.red {color:#cd0000;}
.redul {color:#cd0000; text-decoration:underline;}
.clearfloats:before,
.clearfloats:after {
content:"";
display:table;
line-height:0;
}
.clearfloats:after {
clear:both;
}
HTML for homepage.php
<!DOCTYPE html>
<html lang="en">
<head>
<title>Certificates in 5 Days C5D</title>
<meta charset="utf-8">
<link rel="stylesheet" href="http://www.c5d.co.uk/c5dstyle.css" type="text/css" media="screen">
<link rel="stylesheet" href="http://www.c5d.co.uk/c5ddropdownmenu.css" type="text/css" media="screen">
<script src="http://www.c5d.co.uk/mootools-1.2.5-core-yc.js" type="text/javascript"></script>
<script src="http://www.c5d.co.uk/MenuMatic_0.68.3.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
window.addEvent('domready', function() {
var myMenu = new MenuMatic();
});
</script>
<div id="wrapper">
<div id="container" class="container">
<!-- BEGIN c5dmenu.php INCLUDE -->
<?php include $_SERVER["DOCUMENT_ROOT"] . "/c5dincludes/c5dmenu.php"; ?>
<!-- END c5dmenu.php INCLUDE -->
<p><a href="https://secure.jotformeu.com/form/13060046206">Secure Order Form</a></p>
<h1>A Personal Service not just a Certificate Supplier.</h1>
<p><span class="redul">C5D: (Certificates in 5 Days)</span> has been around since 1999 and during that time has established a reputation for being reliable and efficient as well as easy and friendly to deal with. Besides supplying your certificates, I'd be happy to look at any brickwalls that might need knocking down, although I can't promise to do that.</p>
<p><span class="redul">Certificates in 5 Days.</span> <br>Obviously I can't get them to your letter box in that time, but I can normally scan or transcribe them to the <in box> of your e mail address, so if speed of information appeals to you, then read on !</p>
<h2>The Service:</h2>
<p>Certificates are obtained and scanned to you.</p>
<p>Certificates are obtained from the ONS unless "original copies" including signatures are usually supplied from the local office.</p>
<p>On receipt by me, they are scanned or a transcription e mailed to you. It's your choice. The default option is a scan.</p>
<p>The entries are then posted by air mail to you. The usual delivery time is about a week or so after the scan.</p>
<p>There are occasional ONS delays which prevent me achieving this and I shall then scan the entries to you on the day of receipt by me. The ONS advertise any delays on their website.</p>
<p>If you would like me to use the local register office, to enable you to obtain entries from the original source, or to enable specifications to be checked, then I can do this for most offices, though not all and there is a supplement of £ 2 for this. If you pay for this option and it is not possible because the offices will not check specifications then I shall refund this supplement of course.</p>
<h2>For certificates from other parts of the UK please click on the relevant link:</h2>
<ul class="census1841">
<li><a href="http://www.c5d.co.uk/homepage.php">England & Wales</a></li>
<li><a href="http://www.c5d.co.uk/scotland.php">Scotland</a></li>
<li><a href="http://www.c5d.co.uk/northernireland.php">Northern Ireland</a></li>
<li><a href="http://www.c5d.co.uk/roi.php">Republic of Ireland</a></li>
<li><a href="http://www.c5d.co.uk/nzcerts.php">New Zealand Certificates</a></li>
</ul>
<h2>And for Probates & Administrations:</h2>
<ul class="census1841">
<li><a href="http://www.c5d.co.uk/probates.php">Probates & Administrations</a></li>
</ul>
<p>Other services may appear cheaper, but often exclude fees for postage and packing, and most will not scan the certificates as they come through. If you'd care to compare prices, just click on one of the adverts below.</p>
<p>For Australian genealolgists. I understand the AIGS charge A$30 with a four week delivery time. Ancestry.com charge £ 22.95 and take three weeks.</p>
<h2>The Costs:</h2>
<p>The preferred method of payment is by credit card and if you adopt this method the cost is £ 12.25 plus p & p of £ 1.50. P & P is £ 2.25 if there are 2 or 3 ordered at once and £ 2.75 for between 4 and 6. Bearing in mind that I scan the entries to you, if you would like surface mail to reduce the cost a bit, then postage for one certificate would be £ 1 and for up to 8 certificates £ 1.75. Please specify that you want surface mail with your order. Paypal will not allow you to make this option, so I will refund the difference back to you.</p>
<p>To pay for a certificate, if I already hold your card details, then a simple e mail will suffice. To send me your card details directly, please use the <a href="https://secure.jotformeu.com/form/13060046206">Secure Order Form</a> or alternatively, if you prefer me not to hold your card details, please complete the <a href="http://form.jotformeu.com/form/20561146794355">Order Form</a> which will take you to the Paypal webpage where payment can be made securely. Alternatively, there is a secure shopping cart lower down the page. I am happy to accept a personal cheque in your currency, but I do incur a commission for this. The cost of certificates per cheque is the equivalent of £ 13.25 (please use the exchange rate calculator below) BUT there is a commission of £ 5 per order, not certificate, for these types of orders. A credit card or Paypal is therefore much cheaper. Once I have acknowledged your order, this cannot be cancelled as I pay for the certificates prior to their receipt. Nor is there any refund available for the same reason.</p>
<p>As a guideline, £ 13.25 = Australian $21, Canada $21, Euro E15, NZ $28, US $21.50</p>
<p>These guides are subject to the day to day change in exchange rates and will be affected by any fees which Card Issuing Companies charge for currency conversions. All transactions are processed in sterling at £ 12.25 plus P & P on receipt of your order.</p>
<!-- BEGIN productwrap -->
<h2> To pay for a certificate by Paypal please click the relevant symbol below:</h2>
<div id="productwrap">
<!-- BEGIN products -->
<div id="products">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div>
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="7M9MAVP6L22KN">
<input type="hidden" name="on0" value="Select">
<p>Paypal Shopping Cart</p>
<select name="os0">
<option value="Certificate">Certificate £ 12.25</option>
<option value="Five Year Search">Five Year Search £ 5.00</option>
<option value="Ten Year Search">Ten Year Search £ 9.00</option>
</select>
<input type="hidden" name="currency_code" value="GBP">
<input type="image" name="submit" src="https://www.paypalobjects.com/WEBSCR-640-20110306-1/en_GB/i/btn/btn_cart_LG.gif" alt="PayPal - The safer, easier way to pay online.">
<img src="https://www.paypalobjects.com/WEBSCR-640-20110306-1/en_GB/i/scr/pixel.gif" alt="">
</div>
</form>
</div>
<!-- END products -->
<!-- BEGIN target -->
<h2>Give A Certificate to a Friend</h2>
<div id="target">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div>
<input type="hidden" name="cmd" value="_oe-gift-certificate">
<input type="hidden" name="business" value="antonylambert@certificates.fsnet.co.uk">
<input type="hidden" name="amount" value="13.50">
<input type="hidden" name="no_shipping" value="2">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="GBP">
<input type="hidden" name="bn" value="PP-GiftCertBF">
<input type="hidden" name="fixed_denom" value="13.50">
<input type="hidden" name="style_theme" value="WT">
<input type="hidden" name="shopping_url" value="http://www.certificates.fsnet.co.uk/c5d.htm">
<input type="image" name="submit" src="https://www.paypal.com/en_GB/i/btn/btn_buyAGiftCertificate_06.gif" alt="Make payments with PayPal - it's fast, free and secure!">
<img src="https://www.paypal.com/en_GB/i/scr/pixel.gif" alt="">
</div>
</form>
</div>
<!-- END target -->
</div>
<!-- END productwrap -->
<p><span class="red ul">What do others charge?</span> Click on each of the ads below to compare.</p>
<script type="text/javascript"><!--
google_ad_client = "pub-2250361376307882";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
google_ad_channel = "";
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<p>To pay by cheque please use this facility to calculate the cost in your currency. Multiply £ 13.95 by the number of certificates you want and add £ 5 for the exchange rate fee.</p>
<p>For cheques from South Africa, these must be approved for payment abroad.</p>
<!-- BEGIN xeconverter -->
<div id="xeconverter">
<p class="xehead">xe.com Universal Currency Converter<sup> ©</sup></p>
<div class="formwrap">
<div class="fieldheads">
<p>Convert this amount of sterling</p>
<p>into this type of currency.</p>
</div>
<form action="http://www.xe.com/ucc/convert.cgi" method="post">
<div class="fieldwrap">
<div>
<input size="5" value="18.25" name="Amount">
</div>
<div>
<select size="6" name="From" id="From">
<option value="GBP" selected="selected">United Kingdom Pounds GBP</option>
</select>
</div>
<div>
<select size="6" name="To" id="To">
<option value="AUD" selected="selected">Australia Dollars AUD</option>
<option value="CAD">Canada Dollars CAD</option>
<option value="EUR">Euro EUR</option>
<option value="NZD">New Zealand Dollars NZD</option>
<option value="ZAR">South Africa Rand ZAR</option>
<option value="USD">United States Dollars USD</option>
</select>
</div>
</div>
<div class="submitwrap">
<input type="submit" value="Click Here to Perform Currency Conversion">
</div>
</form>
</div>
<p class="xefoot">Universal Currency Converter under license from XE.com. <a href="http://www.xe.com/legal/">Terms of Use</a></p>
</div>
<p class="center">For quotes in any other currency, please contact me.</p>
<!-- END xeconverter -->
<h2>Large Orders:</h2>
<p>Do you want 20 or more? If so, then please look at the web page for my bulk order section: <a href="http://www.c5d.co.uk/ninthfield.php">Ninth Field Services</a></p>
<h2>Do you know the parents or spouse?</h2>
<p>The ONS have now withdrawn the facility to check specified points and will only issue certificates based on the GRO Reference. Some local offices will continue to provide this service, and I can take advantage of this where it is available. However there will be an additional fee of £ 1, you are likely to get a certificate which is hand written or typed by the today's registrar and it can take up to three weeks to come through. If the entry doesn't match the criteria specified then half of the fee is refunded to you.</p>
<h2>Details on Certificates:</h2>
<ul class="census1841">
<li><a href="http://www.c5d.co.uk/births.php">English Birth Certificates:</a></li>
<li><a href="http://www.c5d.co.uk/marriages.php">English Marriage Certificates</a></li>
<li><a href="http://www.c5d.co.uk/deaths.php">English Death Certificates</a></li>
</ul>
<h2>Do I need to search for the entry you are seeking?</h2>
<p>If you are not sure of the dates of the events, I do have a facility to search the Registers of Births Marriages and Deaths for the event you are seeking.</p>
<p>I will search 1 year either side of the year free of charge. For searches of up to five years the cost is £ 5.00 and for up to ten years it's £ 9.00</p>
<h2>Other Services for the Genealogist:</h2>
<ul class="census1841">
<li><a href="http://www.c5d.co.uk/groups.php">Family Group Orders</a></li>
<li><a href="http://www.c5d.co.uk/sterlingpayments.php">Payment in Pounds</a></li>
<li><a href="http://www.c5d.co.uk/parishrecords.php">Parish Register Entries</a></li>
<li><a href="http://www.c5d.co.uk/censusentries.php">Census Entries</a></li>
<li><a href="http://www.c5d.co.uk/research.php">Research Service</a></li>
</ul>
<!-- START FMP & Ancestry adverts -->
<div class="clearfloats"> <!-- adverts container (optional?) -->
<div id="advert1">
<a href="http://www.jdoqocy.com/click-5433512-10520381">
<img src="http://www.awltovhc.com/image-5433512-10520381" width="264" height="60" alt="264x60: I am your Nan">
</a>
</div>
<div id="advert2">
<a href="http://www.awin1.com/cread.php?s=265538&v=2114&q=126749&r=127588">
<img src="http://www.awin1.com/cshow.php?s=265538&v=2114&q=126749&r=127588" width="264" height="60" alt="264x60">
</a>
</div>
</div>
<!-- END FMP & Ancestry adverts -->
</div>
</div>
<div id="footer">
<p class="copy">© C5D-Certificates </p>
</div>
</body>
</html>
[/FONT]
Having returned home from my course now, I have done the “homepage” and it looks fine. Thanks for all your hard work
I have a query. There are different Paypal Button on the Scotland, Ireland & NZ pages. Can I amend the HTML on these similarly to what you have done without affecting how they work ?
I can see the adjustments you have made, but it is vital of course that the Paypal Buttons work properly
Antony
scotland.php
<!DOCTYPE html>
<html lang="en">
<head>
<title>C5D Certificates in 5 Days Scotland</title>
<meta charset="utf-8">
<link rel="stylesheet" href="http://www.c5d.co.uk/c5dstyle.css" type="text/css" media="screen">
<link rel="stylesheet" href="http://www.c5d.co.uk/c5ddropdownmenu.css" type="text/css" media="screen">
<script src="http://www.c5d.co.uk/mootools-1.2.5-core-yc.js" type="text/javascript"></script>
<script src="http://www.c5d.co.uk/MenuMatic_0.68.3.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
window.addEvent('domready', function() {
var myMenu = new MenuMatic();
});
</script>
<div id="wrapper">
<div id="container" class="container">
<!-- BEGIN c5dmenu.php INCLUDE -->
<div id="header">
<img src="http://www.c5d.co.uk/c5dbackground.png" alt="c5dlogo" width="950" height="115">
</div>
<div id="navcontainer">
<ul id="nav" class="menu">
<li><a href="http://www.c5d.co.uk/homepage.php"><img src="http://www.c5d.co.uk/home.gif" alt="home"></a></li>
<li><a href="http://www.c5d.co.uk/homepage.php">Eng & Wales</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/homepage.php">England & Wales Certificates</a></li>
<li><a href="http://www.c5d.co.uk/groups.php">Family Groups</a></li>
<li><a href="http://www.c5d.co.uk/research.php">Research Service</a></li>
<li><a href="http://www.c5d.co.uk/ninthfield.php">Large Orders</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/scotland.php">Scotland</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/scotland.php">Scottish Certificates</a></li>
<li><a href="https://secure.jotformeu.com/form/20562318766356">Scottish Order Form</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/northernireland.php">N.Ireland</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/northernireland.php">Northern Irish Certificates</a></li>
<li><a href="https://secure.jotformeu.com/form/20562335218347">Northern Ireland Order Form</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/roi.php">Eire</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/roi.php">Irish Certificates</a></li>
<li><a href="http://form.jotformeu.com/form/20560737900349">Irish Certificate Order Form</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/parishrecords.php">P R Es</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/parishrecords.php">Parish Register Entries</a></li>
<li><a href="https://secure.jotformeu.com/form/20563263008345">Parish Register Order Form</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/censusentries.php">Censuses</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/censusentries.php">Census Entry Copies</a></li>
<li><a href="https://secure.jotformeu.com/form/20563312173343">Census Order Form</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/sterlingpayments.php">Payments in £</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/sterlingpayments.php">Make Payments in £</a></li>
<li><a href="https://secure.jotformeu.com/form/20562220135338">Order Form</a></li></ul>
</li>
<li><a href="http://www.c5d.co.uk/nzcerts.php">NZ</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/nzcerts.php">New Zealand Certificates</a></li>
<li><a href="http://www.c5d.co.uk/nzcerts.php">Order Form</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/probates.php">Probates</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/probates.php">Probates, Wills & Admons</a></li>
<li><a href="http://www.c5d.co.uk/pre1858.php">Pre 1858 Probates</a></li>
<li><a href="https://secure.jotform.com/form/20393244360"> Probate Order Form</a></li>
</ul>
</li>
<li><a href="http://www.c5d.co.uk/bonavacantia.php">Bona Vacantia</a>
<ul class="sub-menu">
<li><a href="http://www.c5d.co.uk/bonavacantia.php">Bona Vacantia</a></li>
</ul>
</li>
</ul>
</div>
<!-- END c5dmenu.php INCLUDE -->
<p><a href="https://secure.jotformeu.com/form/20561479769366">New: Secure Order Form Now Available</a></p>
<h1>A Personal Service not just a Certificate Supplier.</h1>
<p><span class="redul">Certificates in 5 Days (C5D)</span> has been around since 1999 and during that time has established a reputation for being reliable and efficient as well as easy and friendly to deal with. Besides supplying your certificates, I'd be happy to look at any brickwalls that might need knocking down, although I can't promise to do that.</p>
<p>This is the Scottish aspect of the well known C5D English Service. The system in Scotland is considerably different than that of England and Wales. The entries contain more information, but the downside is that they are more expensive and take longer to be issued. Usually about a fortnight.</p>
<p><span class="redul">Certificates in 5 Days.</span> Obviously I can't get them to your letter box in that time, but I can normally scan or transcribe them to the <in box> of your e mail address, so if speed of information appeals to you, then read on !</p>
<h2>The Service:</h2>
<p>Certificates are obtained by me. On receipt by me, they are scanned or a transcription e mailed to you. It's your choice. The default option is a scan. The entries are then posted by air mail to you. The usual delivery time is about a week or so after the scan. There are occasional GROS delays which prevent me achieving this timeframe and I shall then scan the entries to you on the day of receipt by me. The GROS advertise any delays on their website.If you do not want a hard copy certificate, I can get you a computer print out at a reduced cost.</p>
<h2>For certificates from other parts of the UK please click on the relevant link:</h2>
<ul class="census1841">
<li><a href="http://www.c5d.co.uk/homepage.php">England & Wales</a></li>
<li><a href="http://www.c5d.co.uk/scotland.php">Scotland</a></li>
<li><a href="http://www.c5d.co.uk/northernireland.php">Northern Ireland</a></li>
<li><a href="http://www.c5d.co.uk/roi.php">Republic of Ireland</a></li>
<li><a href="http://www.c5d.co.uk/nzcerts.php">New Zealand Certificates</a></li>
</ul>
<h2>And for Probates & Administrations:</h2>
<ul class="census1841">
<li><a href="http://www.c5d.co.uk/probates.php">Probates & Administrations</a></li>
</ul>
<p>Other services may appear cheaper, but often exclude fees for postage and packing, and most will not scan the certificates as they come through. If you'd care to compare prices, just click on one of the adverts below.For Australian genealolgists. I understand the AIGS charge A$30 with a four week delivery time. Ancestry.com charge £ 22.95 and take three weeks.</p>
<h2>The Costs:</h2>
<p>The preferred method of payment is by credit card and if you adopt this method the cost is £ 18. If I already hold your credit card details, then a simple e mail will suffice. Otherwise, please complete the <a href="https://secure.jotformeu.com/form/20562318766356"> Secure Order Form</a> which will take you to the Paypal web site to make payment. If you would prefer me not to hold your credit card details, please complete this <a href="https://secure.jotformeu.com/form/20561479769366">Order Form</a> which will take you to Paypal's Secure Web Page. Otherwise, payment by Paypal is fine and there is a secure shopping cart lower down the page. I am happy to accept a personal cheque in your currency, but I do incur a commission for this. The cost of certificates per cheque is the equivalent of £ 18.00 (please use the exchange rate calculator below) BUT there is a commission of £ 5 per order, not certificate, for these types of orders. A credit card or Paypal is therefore much cheaper. Once I have acknowledged your order, this cannot be cancelled as I pay for the certificates prior to their receipt. Nor is there any refund available for the same reason.</p>
<p>All transactions are processed in sterling at £ 18.00 on receipt of your order.</p>
<!-- BEGIN productwrap -->
<h2> To pay for a certificate by Paypal please click the relevant symbol below:</h2>
<div id="productwrap">
<!-- BEGIN products -->
<div id="products">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div id="products">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="2TEZYCY8X7KGQ">
<input type="hidden" name="on0" value="Computer Print">
<p>Computer Print</p>
<select name="os0">
<option value="Certificate">Certificate £ 18.00 GBP</option>
<option value="Computer Print">Computer Print £ 10.00 GBP</option>
<option value="Search">Search £ 6.00 GBP</option>
</select>
<input type="hidden" name="currency_code" value="GBP">
<input type="image" src="https://www.paypalobjects.com/en_GB/i/btn/btn_cart_LG.gif" name="submit" alt="PayPal — The safer, easier way to pay online.">
<img src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" alt="">
</div>
</form>
</div>
<!-- END products -->
<!-- BEGIN target -->
<h2>Give A Certificate to a Friend</h2>
<div id="target">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div>
<input type="hidden" name="cmd" value="_oe-gift-certificate">
<input type="hidden" name="business" value="antonylambert@certificates.fsnet.co.uk">
<input type="hidden" name="amount" value="18.00">
<input type="hidden" name="no_shipping" value="2">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="GBP">
<input type="hidden" name="bn" value="PP-GiftCertBF">
<input type="hidden" name="fixed_denom" value="18.00">
<input type="hidden" name="style_theme" value="WT">
<input type="hidden" name="shopping_url" value="http://www.certificates.fsnet.co.uk/c5d.htm">
<input type="image" src="https://www.paypal.com/en_GB/i/btn/btn_buyAGiftCertificate_06.gif" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img src="https://www.paypal.com/en_GB/i/scr/pixel.gif" alt="">
</div>
</form>
</div>
<!-- END target -->
</div>
<!-- END productwrap -->
<p><span class="redul">What do others charge?</span> Click on each of the ads below to compare.</p>
<script type="text/javascript"><!--
google_ad_client = "pub-2250361376307882";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
google_ad_channel = "";
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<p>To pay by cheque please use this facility to calculate the cost in your currency. Multiply £ 18 by the number of certificates you want and add £ 5 for the exchange rate fee.</p>
<p>For cheques from South Africa, these must be approved for payment abroad.</p>
<!-- BEGIN xeconverter -->
<div id="xeconverter">
<p class="xehead">xe.com Universal Currency Converter<sup> ©</sup></p>
<div class="formwrap">
<div class="fieldheads">
<p>Convert this amount of sterling</p>
<p>into this type of currency.</p>
</div>
<form action="http://www.xe.com/ucc/convert.cgi" method="post">
<div class="fieldwrap">
<div>
<input size="5" value="18.25" name="Amount">
</div>
<div>
<select size="6" name="From" id="From">
<option value="GBP" selected="selected">United Kingdom Pounds GBP</option>
</select>
</div>
<div>
<select size="6" name="To" id="To">
<option value="AUD" selected="selected">Australia Dollars AUD</option>
<option value="CAD">Canada Dollars CAD</option>
<option value="EUR">Euro EUR</option>
<option value="NZD">New Zealand Dollars NZD</option>
<option value="ZAR">South Africa Rand ZAR</option>
<option value="USD">United States Dollars USD</option>
</select>
</div>
</div>
<div class="submitwrap">
<input type="submit" value="Click Here to Perform Currency Conversion">
</div>
</form>
</div>
<p class="xefoot">Universal Currency Converter under license from XE.com. <a href="http://www.xe.com/legal/">Terms of Use</a></p>
</div>
<p class="center">For quotes in any other currency, please contact me.</p>
<!-- END xeconverter -->
<h2>Other Services for the Genealogist:</h2>
<ul class="census1841">
<li><a href="http://www.c5d.co.uk/groups.php">Family Group Orders</a></li>
<li><a href="http://www.c5d.co.uk/sterlingpayments.php">Payment in Pounds</a></li>
<li><a href="http://www.c5d.co.uk/parishrecords.php">Parish Register Entries</a></li>
<li><a href="http://www.c5d.co.uk/censusentries.php">Census Entries</a></li>
<li><a href="http://www.c5d.co.uk/research.php">Research Service</a></li>
</ul>
<p class="copy">©C5D-Certificates</p>
</div>
</div>
</body>
</html>
Give this a try and see if you like it. The PayPal values should be correct. Compare and test to be sure.
Replacing the code on the other pages isn’t exactly plug-n-play easy.
I do wish that you would copy the menu code to the c5dmenu.php file. It fixes a couple of small typos.
Each page takes a couple of hours or so. It seems easy to make a mistake.