SitePoint Sponsor

User Tag List

Page 2 of 2 FirstFirst 12
Results 26 to 45 of 45
  1. #26
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,456
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    Antony,

    Along the same lines as Pullo's and Paul's observations, please note that there are two (2) a:link rules in your d5dstyle.css sheet. The second rule, a:link {color:000080;} will override the first rule; therefore, the first rule will never be applied.

    Also, there is an order in which anchors must be coded for the states to function that you may not be aware of:
    a:link
    a:visited
    a:hover
    a:active

    Skipping or mixing the order of the pseudo-classes can have unexpected results. There's plenty of documentation around that explains how to code and color anchors.


    Finally, I looked at your censusentries.php page. You are correct when you said that the HTML on that page has no validation errors, BUT, that is misleading. The page that WE SEE also includes the menu.php include file and the HTML in the menu.php is incorrectly formed. ALL of the errors indicated by the validator are from the menu.php code. Most are duplicate id's, BUT THE REST ARE STRAY TAGS. Those STRAY TAGS are the major cause of your menu problems; NOT THE CSS. I did not touch the CSS. I just matched the tags. Same thing I did with your previous page... cleaned up the tags in the include file. All the css in the world cannot make up for BROKEN HTML. Period.

    Please look at the ENG & WALES menu items and see if the nested lists are working correctly.
    Code:
    <!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" dir="ltr" lang="en-US">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title> Certificates in 5 Days C5D Census Entries</title>
        <link rel="stylesheet" href="http://www.c5d.co.uk/clubscreen.css" type="text/css" media="screen, projection" />
        <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" />
        <link rel='stylesheet' id='easy-fancybox.css-css' href='http://www.c5d.co.uk/wp-content/plugins/easy-fancybox/easy-fancybox.css.php?ver=1.3.4' 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 menu.php INCLUDE -->
            <div id="header" class="span-24" style="height:180px;">
                <div class="span-12">
                    <img src="http://www.c5d.co.uk/c5dbackground.png" alt="my address" height="175" width="650" />
                </div>
                <div class="span-12 last" style="padding-top:30px; text-align:right;"></div>
            </div>
            <div class="span-24">
                <div id="navcontainer">
                    <ul id="nav" class="menu">
                        <li id="menu-item-143" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-142"><a href="http://www.c5d.co.uk/homepage.php"><img src="http://www.c5d.co.uk/home.gif" alt ="home" /></a></li>
                        <li id="menu-item-64" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-78"><a href="http://www.c5d.co.uk/homepage.php">Eng &amp; Wales</a>
                            <ul class="sub-menu">
                                <li id="menu-item-64000" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-78"><a href="http://www.c5d.co.uk/homepage.php">England&nbsp;&amp;&nbsp;Wales&nbsp;Certificates</a>
                                    <ul>
                                        <li id="dummy1"><a href="http://www.c5d.co.uk/parishrecords.php">Parish&nbsp;Register&nbsp;Entries</a></li>
                                        <li id="dummy2"><a href="http://www.c5d.co.uk/probates.php">Probates,&nbsp;Wills&nbsp;&amp;&nbsp;Admons</a></li>
                                        <li id="dummy3"><a href="http://www.c5d.co.uk/pre1858.php">Pre 1858 Probates</a></li>
                                    </ul>
                                </li>
                                <li id="menu-item-90" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-90"><a href="http://www.c5d.co.uk/groups.php">Family&nbsp;Groups</a></li>
                                <li id="menu-item-92" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-91"><a href="http://www.c5d.co.uk/research.php">Research&nbsp;Service</a></li>
                                <li id="menu-item-93" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-92"><a href="http://www.c5d.co.uk/ninthfield.php">Large&nbsp;Orders</a></li>
                            </ul>
                        </li>
                        <li id="menu-item-98" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-98"><a href="http://www.c5d.co.uk/course.php">Scotland</a>
                            <ul class="sub-menu">
                                <li id="menu-item-99" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-99"><a href="http://www.c5d.co.uk/scotland.php">Scottish&nbsp;Certificates</a></li>
                                <li id="menu-item-100" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-100"><a href="https://secure.jotformeu.com/form/20562318766356">Scottish&nbsp;Order&nbsp;Form</a></li>
                            </ul>
                        </li>
                        <li id="menu-item-95" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-95"><a href="http://www.c5d.co.uk/northernireland.php">N.Ireland</a>
                            <ul class="sub-menu">
                                <li id="menu-item-120" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-120"><a href="http://www.c5d.co.uk/northernireland.php">Northern&nbsp;Irish&nbsp;Certificates</a></li>
                                <li id="menu-item-104" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-104"><a href="https://secure.jotformeu.com/form/20562335218347">Northern&nbsp;Ireland&nbsp;Order&nbsp;Form</a></li>
                            </ul>
                        </li>
                        <li id="menu-item-114" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-114"><a href="http://www.c5d.co.uk/ro1.php">Eire</a>
                            <ul class="sub-menu">
                                <li id="menu-item-44" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44"><a href="http://www.c5d.co.uk/roi.php">Irish&nbsp;Certificates</a></li>
                                <li id="menu-item-116" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-116"><a href="http://form.jotformeu.com/form/20560737900349">Irish&nbsp;Certificate&nbsp;Order&nbsp;Form</a></li>
                            </ul>
                        </li>
                        <li id="dummy7"><a href="http://www.c5d.co.uk/parishrecords.php">P R Es</a>
                            <ul class="sub-menu">
                                <li id="dummy5"><a href="http://www.c5d.co.uk/parishrecords.php">Parish&nbsp;Register&nbsp;Entries</a></li>
                                <li id="dummy6"><a href="https://secure.jotformeu.com/form/20563263008345">Parish&nbsp;Register&nbsp;Order&nbsp;Form</a></li>
                            </ul>
                        </li>
                        <li id="menu-item-227" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-222 current_page_item menu-item-227"><a href="http://www.c5d.co.uk/censusentries.php">Censuses</a>
                            <ul class="sub-menu">
                                <li id="menu-item-62" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a href="http://www.c5d.co.uk/censusentries.php">Census&nbsp;Entry&nbsp;Copies</a></li>
                                <li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="https://secure.jotformeu.com/form/20563312173343">Census&nbsp;Order&nbsp;Form</a></li>
                            </ul>
                        </li>
                        <li id="menu-item-61" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61"><a href="http://www.c5d.co.uk/sterlingpayments.php">Payments in &#163;</a>
                            <ul class="sub-menu">
                                <li id="menu-item-52" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-52"><a href="http://www.c5d.co.uk/sterlingpayments.php">Make&nbsp;Payments&nbsp;in&nbsp;&#163;</a></li>
                            <li id="menu-item-42000" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="https://secure.jotformeu.com/form/20562220135338">Order Form</a></li></ul>
                        </li>
                        <li id="menu-item-51" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-51"><a href="http://www.c5d.co.uk/nzcerts.php">NZ</a>
                            <ul class="sub-menu">
                                <li id="menu-item-122" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-122"><a href="http://www.c5d.co.uk/nzcerts.php">New&nbsp;Zealand&nbsp;Certificates</a></li>
                                <li id="menu-item-122000" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-122"><a href="http://www.c5d.co.uk/nzcerts.php">Order Form</a></li>
                            </ul>
                        </li>
                        <li id="menu-item-61000" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61"><a href="http://www.c5d.co.uk/probates.php">Probates</a>
                            <ul class="sub-menu">
                                <li id="dummy8"><a href="http://www.c5d.co.uk/probates.php">Probates,&nbsp;Wills&nbsp;&amp;&nbsp;Admons</a></li>
                            </ul>
                        </li>
                        <li id="menu-item-420000" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="http://www.c5d.co.uk/pre1858.php">Pre&nbsp;1858&nbsp;Probates</a></li>
                        <li id="menu-item-4200000" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="https://secure.jotform.com/form/20393244360"> Probate&nbsp;Order&nbsp;Form</a></li>
                    </ul>
                </div>
            </div>
    <!-- END menu.php INCLUDE -->
    <a href="http://form.jotformeu.com/form/20563312173343" class="three">Secure Order Form Now Available</a>
    <h1>A Personal Service not just a Certificate Supplier.</h1>
    <br />
    <br /><center><div align="center"><a href="http://www.jdoqocy.com/click-5433512-10520381" target="top">
    <img src="http://www.awltovhc.com/image-5433512-10520381" width="264" height="60" alt="234x60 I am, your Nan" border="0" /></a>
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<!--START MERCHANT:merchant name Find My Past from affiliatewindow.com.-->
                <a href="http://www.awin1.com/cread.php?s=265538&amp;v=2114&amp;q=126749&amp;r=127588"><img src="http://www.awin1.com/cshow.php?s=265538&amp;v=2114&amp;q=126749&amp;r=127588" width="264" height="60" alt="264x60" border="0" /></a>
                <!--END MERCHANT:merchant name Find My Past from affiliatewindow.com--></div></center>
                <br />
                <br />Censuses taken in England
    &amp; Wales for the years 1841-1911 are generally all available on line
    now although mostly on a Pay per View Basis.
    <br />
    <br />If you do not have access to the censuses, I
    can provide copies of any entry at a fee of &#163;1 per name, plus &#163;1.35 for
    postage &amp; packing.
    Please complete this order form. <a href="http://form.jotformeu.com/form/20563312173343" class="three">Order Censuses</a>
    <br />
    <br />
    <br />If you would rather not provide me with your card details, you can click on this <a href="http://form.jotformeu.com/form/20561782479361" class="three">Order Form</a> to go directly to the Secure Paypal Payment Page
    <br />
    <br />
    For further details please email me at: <img src="http://www.c5d.co.uk/address.png" width="340" border="0" alt="e mail address" />
    <br />
    <br />
    The dates of the censuses are
    <p class="two">UK CENSUS DATES</p>
    <br />
    <br />1841 - Jun 6/7
    1851 - Mar 30/31. 1861 - Apr 7/8. 1871 - Apr 2/3. 1881 - Apr 3/4. 1891 - Apr
    5/6. 1901 - Mar 31/Apr 1. 1911 - Apr 1/2 <p class="copy">&copy;C5D-Certificates</p>
    </div>
    </div>
    </body>
    </html>
    You can copy and paste the corrected menu code to your menu.php file, BUT BE AWARE that I changed the duplicate id names to bogus names. You can find and correct them if they matter. They are easy to spot.

  2. #27
    SitePoint Addict
    Join Date
    Nov 2012
    Posts
    251
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This has now worked fine thanks.

    I have saved the simply laid out instructions for reference.

    Now the next bit is to style the table which the html in in :;-))

    You've all been a great help !
    Antony

  3. #28
    SitePoint Addict
    Join Date
    Nov 2012
    Posts
    251
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Just a ouple of final queries if I may. I have sorted the table but there is an anomaly.

    When I use this CSS p.four a:link,p.four a:visited {color:#000000; font-size: 15px;font-weight:bold;} and this in the html <p class="four"> the p send the links down a line.

    See http://www.c5d.co.uk/groups.php. The table is at the bottom.

    Also why does this not center the date

    p.copy:after
    {
    content:" 1999-2012"; text-align:center;
    }
    Last edited by ScallioXTX; Dec 6, 2012 at 14:48. Reason: Fixed URL as per poster request

  4. #29
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,873
    Mentioned
    208 Post(s)
    Tagged
    12 Thread(s)
    Hi there,

    Glad to hear you're getting on.

    Quote Originally Posted by certificates View Post
    When I use this CSS p.four a:link,p.four a:visited {color:#000000; font-size: 15px;font-weight:bold;} and this in the html <p class="four"> the p send the links down a line.
    This issue is not caused by the above CSS, rather by line 20 of the file clubscreen.css which reads:

    Code CSS:
    table, td, th {vertical-align:middle;}

    Remove this and everything will align.

  5. #30
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,873
    Mentioned
    208 Post(s)
    Tagged
    12 Thread(s)
    Quote Originally Posted by certificates View Post
    Also why does this not center the date
    Code CSS:
    p.copy:after
    { 
    content:" 1999-2012"; text-align:center;
    }
    Probably because you need to apply it to p.copy, not p.copy:after (although I could be wrong).

  6. #31
    SitePoint Addict
    Join Date
    Nov 2012
    Posts
    251
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks that's great

  7. #32
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,456
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    Out of curiosity, how do you write your code? Do you use a text editor? If so, which one? Also, what browser and version do you use?

    The menu.php code is a little mixed up again. Please copy and paste exactly this code into your menu.php file, including the space at the beginning of the first line and and the staircase of closing tags at the end.
    Code:
            <div id="header" class="span-24" style="height:180px;">
                <div class="span-12">
                    <img src="http://www.c5d.co.uk/c5dbackground.png" alt="my address" height="175" width="650" />
                </div>
                <div class="span-12 last" style="padding-top:30px; text-align:right;"></div>
            </div>
            <div class="span-24">
                <div id="navcontainer">
                    <ul id="nav" class="menu">
                        <li id="menu-item-143" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-142"><a href="http://www.c5d.co.uk/homepage.php"><img src="http://www.c5d.co.uk/home.gif" alt ="home" /></a></li>
                        <li id="menu-item-64" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-78"><a href="http://www.c5d.co.uk/homepage.php">Eng &amp; Wales</a>
                            <ul class="sub-menu">
                                <li id="menu-item-64000" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-78"><a href="http://www.c5d.co.uk/homepage.php">England&nbsp;&amp;&nbsp;Wales&nbsp;Certificates</a>
                                    <ul>
                                        <li id="menu-item-89"><a href="http://www.c5d.co.uk/parishrecords.php">Parish&nbsp;Register&nbsp;Entries</a></li>
                                        <li id="menu-item-88"><a href="http://www.c5d.co.uk/probates.php">Probates,&nbsp;Wills&nbsp;&amp;&nbsp;Admons</a></li>
                                        <li id="menu-item-87"><a href="http://www.c5d.co.uk/pre1858.php">Pre 1858 Probates</a></li>
                                    </ul>
                                </li>
                                <li id="menu-item-90" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-90"><a href="http://www.c5d.co.uk/groups.php">Family&nbsp;Groups</a></li>
                                <li id="menu-item-92" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-91"><a href="http://www.c5d.co.uk/research.php">Research&nbsp;Service</a></li>
                                <li id="menu-item-93" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-92"><a href="http://www.c5d.co.uk/ninthfield.php">Large&nbsp;Orders</a></li>
                            </ul>
                        </li>
                        <li id="menu-item-98" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-98"><a href="http://www.c5d.co.uk/course.php">Scotland</a>
                            <ul class="sub-menu">
                                <li id="menu-item-99" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-99"><a href="http://www.c5d.co.uk/scotland.php">Scottish&nbsp;Certificates</a></li>
                                <li id="menu-item-100" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-100"><a href="https://secure.jotformeu.com/form/20562318766356">Scottish&nbsp;Order&nbsp;Form</a></li>
                            </ul>
                        </li>
                        <li id="menu-item-95" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-95"><a href="http://www.c5d.co.uk/northernireland.php">N.Ireland</a>
                            <ul class="sub-menu">
                                <li id="menu-item-120" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-120"><a href="http://www.c5d.co.uk/northernireland.php">Northern&nbsp;Irish&nbsp;Certificates</a></li>
                                <li id="menu-item-104" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-104"><a href="https://secure.jotformeu.com/form/20562335218347">Northern&nbsp;Ireland&nbsp;Order&nbsp;Form</a></li>
                            </ul>
                        </li>
                        <li id="menu-item-114" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-114"><a href="http://www.c5d.co.uk/ro1.php">Eire</a>
                            <ul class="sub-menu">
                                <li id="menu-item-44" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44"><a href="http://www.c5d.co.uk/roi.php">Irish&nbsp;Certificates</a></li>
                                <li id="menu-item-116" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-116"><a href="http://form.jotformeu.com/form/20560737900349">Irish&nbsp;Certificate&nbsp;Order&nbsp;Form</a></li>
                            </ul>
                        </li>
                        <li id="dummy7"><a href="http://www.c5d.co.uk/parishrecords.php">P R Es</a>
                            <ul class="sub-menu">
                                <li id="menu-item-86"><a href="http://www.c5d.co.uk/parishrecords.php">Parish&nbsp;Register&nbsp;Entries</a></li>
                                <li id="menu-item-85"><a href="https://secure.jotformeu.com/form/20563263008345">Parish&nbsp;Register&nbsp;Order&nbsp;Form</a></li>
                            </ul>
                        </li>
                        <li id="menu-item-227" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-222 current_page_item menu-item-227"><a href="http://www.c5d.co.uk/censusentries.php">Censuses</a>
                            <ul class="sub-menu">
                                <li id="menu-item-62" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a href="http://www.c5d.co.uk/censusentries.php">Census&nbsp;Entry&nbsp;Copies</a></li>
                                <li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="https://secure.jotformeu.com/form/20563312173343">Census&nbsp;Order&nbsp;Form</a></li>
                            </ul>
                        </li>
                        <li id="menu-item-61" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61"><a href="http://www.c5d.co.uk/sterlingpayments.php">Payments in &#163;</a>
                            <ul class="sub-menu">
                                <li id="menu-item-52" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-52"><a href="http://www.c5d.co.uk/sterlingpayments.php">Make&nbsp;Payments&nbsp;in&nbsp;&#163;</a></li>
                            <li id="menu-item-42000" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="https://secure.jotformeu.com/form/20562220135338">Order Form</a></li></ul>
                        </li>
                        <li id="menu-item-51" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-51"><a href="http://www.c5d.co.uk/nzcerts.php">NZ</a>
                            <ul class="sub-menu">
                                <li id="menu-item-122" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-122"><a href="http://www.c5d.co.uk/nzcerts.php">New&nbsp;Zealand&nbsp;Certificates</a></li>
                                <li id="menu-item-122000" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-122"><a href="http://www.c5d.co.uk/nzcerts.php">Order Form</a></li>
                            </ul>
                        </li>
                        <li id="menu-item-61000" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61"><a href="http://www.c5d.co.uk/probates.php">Probates</a>
                            <ul class="sub-menu">
                                <li id="84"><a href="http://www.c5d.co.uk/probates.php">Probates,&nbsp;Wills&nbsp;&amp;&nbsp;Admons</a></li>
                                <li id="menu-item-420000" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="http://www.c5d.co.uk/pre1858.php">Pre&nbsp;1858&nbsp;Probates</a></li>
                                <li id="menu-item-4200000" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="https://secure.jotform.com/form/20393244360"> Probate&nbsp;Order&nbsp;Form</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
    Will look at the rest of the HTML in a few minutes.

  8. #33
    SitePoint Addict
    Join Date
    Nov 2012
    Posts
    251
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have done that. I use coffee cup as the editor and use windows 7

    I couldn't do it exactly as you said first time because it gave me an error. There was an additional </ul>

    Thanks for checking again though

  9. #34
    SitePoint Addict
    Join Date
    Nov 2012
    Posts
    251
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes and no.

    If I remove the after from the css it centres but doesn't include the 1999-2012

    Thanks

  10. #35
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,873
    Mentioned
    208 Post(s)
    Tagged
    12 Thread(s)
    Any reason you're not doing it in PHP like I suggested?

  11. #36
    SitePoint Addict
    Join Date
    Nov 2012
    Posts
    251
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Because there are about 450 pages on my site and to use PHP would me that I have to change all of them

    If I can use the style sheet to which they are all linked, it would be so much easier

  12. #37
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,873
    Mentioned
    208 Post(s)
    Tagged
    12 Thread(s)
    Okay, totally fair comment.
    Add the :after back and I'll have a look.

  13. #38
    SitePoint Addict
    Join Date
    Nov 2012
    Posts
    251
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OK I have done that.

    It has brought the dates back but aligned left

    Thanks

  14. #39
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,456
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    In the menu.php file, one error has been introduced.

    Near the bottom of the file, a list item has a numerical-only id. The line begins:
    Code:
                                <li id="84"><a href="http://www.c5d.co.uk/probates.php">Probates, .....
    Change the id name to something that begins with an alpha character. Most of your other ids being with "menu-item-". Maybe that would work if it isn't used elsewhere.

  15. #40
    SitePoint Addict
    Join Date
    Nov 2012
    Posts
    251
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OK, I have done that

    Thanks

  16. #41
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,873
    Mentioned
    208 Post(s)
    Tagged
    12 Thread(s)
    Hi there,

    Doesn't this work (regarding the footer, I mean):

    Code HTML:
    <!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-Type" content="text/html; charset=utf-8" />
        <title>Unbenanntes Dokument</title>
        <style>
          p.copy{text-align:center;}
          p.copy:after{content:" 1999-2012";}
        </style>
      </head>
     
      <body>
        <p class="copy">Copyright</p>
      </body>
    </html>

  17. #42
    SitePoint Addict
    Join Date
    Nov 2012
    Posts
    251
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't know, but if I change the stylesheet to

    p.copy{text-align:center;}
    p.copy:after{content:" 1999-2012";}

    It certainly does which is great.


    I hesitate to say that I have created my first page without any spans and centers etc, but a page has been created.

    Herzlichen Dank fuer Ihre Hilfe.

    MfG

    Antony

  18. #43
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,873
    Mentioned
    208 Post(s)
    Tagged
    12 Thread(s)
    Kein Problem
    Ich bin froh, dass ich helfen konnte.
    Weiterhin viel Erfolg!

  19. #44
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,456
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    Antony,

    The enclosed code is your groups.php page (including menu.php).

    It is meant to be an example of effective HTML validation, not ideal code.

    Comments:

    Run it through the validator. It should test squeaky clean. HOWEVER, this does not mean that it is "good" code. It means that the HTML is valid. There are plenty of opportunities on this page for improvement. <br> tags can be replaced appropriately assigned margins in css, etc. I am not very familiar with <form>s, so there may be room for improvement there, too.

    I imagine that this page is a work in progress and the layout will change considerably before it is finished.

    I gather that visual cues like the indented code, are not particularly meaningful to you. I find them a helpful aid for tag accountability. You do seem to have a problem with stray tags and you have difficulty interpreting the messages given by the validator, so perhaps using a visual technique might be helpful. I also use a text editor that colors matching and stray tags differently. It also hints when there is a problem between the tags. All helpful toward the goal of writing reliable code.

    I'm not familiar with the Coffee Cup HTML editor but it probably does the same things and more.

    You said that your browser is "Windows 7". I assume that means IE9. I use that sometimes, but lean heavily toward Firefox because of plug-ins such as the HTML Validator which makes real-time validation a breeze. The explanations are much clearer than those from the w3 validator, too !!! You might want to give Firefox and the HTML Validator plug-in a try.

    There's nothing wrong with spans.

    Code:
    <!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" dir="ltr" lang="en-US">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title> Certificates in 5 Days C5D</title>
        <link rel="stylesheet" href="http://www.c5d.co.uk/clubscreen.css" type="text/css" media="screen, projection" />
        <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" />
        <link rel='stylesheet' id='easy-fancybox.css-css' href='http://www.c5d.co.uk/wp-content/plugins/easy-fancybox/easy-fancybox.css.php?ver=1.3.4' 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 menu.php INCLUDE -->
            <div id="header" class="span-24" style="height:180px;">
                <div class="span-12">
                    <img src="http://www.c5d.co.uk/c5dbackground.png" alt="my address" height="175" width="650" />
                </div>
                <div class="span-12 last" style="padding-top:30px; text-align:right;"></div>
            </div>
            <div class="span-24">
                <div id="navcontainer">
                    <ul id="nav" class="menu">
                        <li id="menu-item-143" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-142"><a href="http://www.c5d.co.uk/homepage.php"><img src="http://www.c5d.co.uk/home.gif" alt ="home" /></a></li>
                        <li id="menu-item-64" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-78"><a href="http://www.c5d.co.uk/homepage.php">Eng &amp; Wales</a>
                            <ul class="sub-menu">
                                <li id="menu-item-64000" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-78"><a href="http://www.c5d.co.uk/homepage.php">England&nbsp;&amp;&nbsp;Wales&nbsp;Certificates</a>
                                    <ul>
                                        <li id="menu-item-89"><a href="http://www.c5d.co.uk/parishrecords.php">Parish&nbsp;Register&nbsp;Entries</a></li>
                                        <li id="menu-item-88"><a href="http://www.c5d.co.uk/probates.php">Probates,&nbsp;Wills&nbsp;&amp;&nbsp;Admons</a></li>
                                        <li id="menu-item-87"><a href="http://www.c5d.co.uk/pre1858.php">Pre 1858 Probates</a></li>
                                    </ul>
                                </li>
                                <li id="menu-item-90" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-90"><a href="http://www.c5d.co.uk/groups.php">Family&nbsp;Groups</a></li>
                                <li id="menu-item-92" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-91"><a href="http://www.c5d.co.uk/research.php">Research&nbsp;Service</a></li>
                                <li id="menu-item-93" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-92"><a href="http://www.c5d.co.uk/ninthfield.php">Large&nbsp;Orders</a></li>
                            </ul>
                        </li>
                        <li id="menu-item-98" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-98"><a href="http://www.c5d.co.uk/course.php">Scotland</a>
                            <ul class="sub-menu">
                                <li id="menu-item-99" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-99"><a href="http://www.c5d.co.uk/scotland.php">Scottish&nbsp;Certificates</a></li>
                                <li id="menu-item-100" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-100"><a href="https://secure.jotformeu.com/form/20562318766356">Scottish&nbsp;Order&nbsp;Form</a></li>
                            </ul>
                        </li>
                        <li id="menu-item-95" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-95"><a href="http://www.c5d.co.uk/northernireland.php">N.Ireland</a>
                            <ul class="sub-menu">
                                <li id="menu-item-120" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-120"><a href="http://www.c5d.co.uk/northernireland.php">Northern&nbsp;Irish&nbsp;Certificates</a></li>
                                <li id="menu-item-104" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-104"><a href="https://secure.jotformeu.com/form/20562335218347">Northern&nbsp;Ireland&nbsp;Order&nbsp;Form</a></li>
                            </ul>
                        </li>
                        <li id="menu-item-114" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-114"><a href="http://www.c5d.co.uk/ro1.php">Eire</a>
                            <ul class="sub-menu">
                                <li id="menu-item-44" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44"><a href="http://www.c5d.co.uk/roi.php">Irish&nbsp;Certificates</a></li>
                                <li id="menu-item-116" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-116"><a href="http://form.jotformeu.com/form/20560737900349">Irish&nbsp;Certificate&nbsp;Order&nbsp;Form</a></li>
                            </ul>
                        </li>
                        <li id="dummy7"><a href="http://www.c5d.co.uk/parishrecords.php">P R Es</a>
                            <ul class="sub-menu">
                                <li id="menu-item-86"><a href="http://www.c5d.co.uk/parishrecords.php">Parish&nbsp;Register&nbsp;Entries</a></li>
                                <li id="menu-item-85"><a href="https://secure.jotformeu.com/form/20563263008345">Parish&nbsp;Register&nbsp;Order&nbsp;Form</a></li>
                            </ul>
                        </li>
                        <li id="menu-item-227" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-222 current_page_item menu-item-227"><a href="http://www.c5d.co.uk/censusentries.php">Censuses</a>
                            <ul class="sub-menu">
                                <li id="menu-item-62" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a href="http://www.c5d.co.uk/censusentries.php">Census&nbsp;Entry&nbsp;Copies</a></li>
                                <li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="https://secure.jotformeu.com/form/20563312173343">Census&nbsp;Order&nbsp;Form</a></li>
                            </ul>
                        </li>
                        <li id="menu-item-61" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61"><a href="http://www.c5d.co.uk/sterlingpayments.php">Payments in &#163;</a>
                            <ul class="sub-menu">
                                <li id="menu-item-52" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-52"><a href="http://www.c5d.co.uk/sterlingpayments.php">Make&nbsp;Payments&nbsp;in&nbsp;&#163;</a></li>
                            <li id="menu-item-42000" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="https://secure.jotformeu.com/form/20562220135338">Order Form</a></li></ul>
                        </li>
                        <li id="menu-item-51" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-51"><a href="http://www.c5d.co.uk/nzcerts.php">NZ</a>
                            <ul class="sub-menu">
                                <li id="menu-item-122" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-122"><a href="http://www.c5d.co.uk/nzcerts.php">New&nbsp;Zealand&nbsp;Certificates</a></li>
                                <li id="menu-item-122000" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-122"><a href="http://www.c5d.co.uk/nzcerts.php">Order Form</a></li>
                            </ul>
                        </li>
                        <li id="menu-item-61000" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61"><a href="http://www.c5d.co.uk/probates.php">Probates</a>
                            <ul class="sub-menu">
                                <li id="menu-item-84"><a href="http://www.c5d.co.uk/probates.php">Probates,&nbsp;Wills&nbsp;&amp;&nbsp;Admons</a></li>
                                <li id="menu-item-420000" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="http://www.c5d.co.uk/pre1858.php">Pre&nbsp;1858&nbsp;Probates</a></li>
                                <li id="menu-item-4200000" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="https://secure.jotform.com/form/20393244360"> Probate&nbsp;Order&nbsp;Form</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
    <!-- END menu.php INCLUDE -->
    
            <a href="https://secure.jotformeu.com/form/20563231274345" class="three">Secure Order Form Now Available</a>
            <h1>A Personal Service not just a Certificate Supplier.</h1>
            Why not try the ancestry group package which I provide ? Do a whole generation at once.
            <p>There are three options available. Just Click on the order form below.</p>
            <p class="two">Bronze:  &#163;49.95</p>
            <p>This consists of the birth certificate of a child and its parents. Three certificates.</p>
            <p class="two">Silver:  &#163;64.95</p>
            <p>This consists of the birth certificate of a child, it's parents and their marriage certificate.  Four certificates.</p>
            <p class="two">Gold:    &#163;89.95</p>
            <p>This consists of the Silver Package plus each parent's death certificate:  Six certificates.</p>
            <p>To order please complete the <a href="https://secure.jotformeu.com/form/20563231274345" class="three">Order Form</a></p>
            <p class="two">Terms of Service</p>
            <p>Each Service includes all research by me, though it would help if you would provide any releveant information you know.</p>
            <p>The service is limited to England and Wales only.</p>
            <p>Should an entry not be located; for example the birth may be before 1837, or a parent may have been born abroad, there will be a refund of &#163;13.</p>
            <p>I may need to come back to you for information if the surname is popular.</p>
            <p>I reserve the right to decline applications at my discretion.</p>
            <p class="two">To pay for a Group by Paypal or Google Check Out please click the relevant symbol below:</p>
            <div>
                <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
                    <input type="hidden" name="cmd" value="_cart" />
                    <input type="hidden" name="business" value="antonylambert@certificates.fsnet.co.uk" />
                    <input type="hidden" name="lc" value="GB" />
                    <input type="hidden" name="item_name" value="Family Research" />
                    <input type="hidden" name="button_subtype" value="products" />
                    <input type="hidden" name="no_note" value="0" />
                    <input type="hidden" name="currency_code" value="GBP" />
                    <input type="hidden" name="add" value="1" />
                    <input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_LG.gif:NonHostedGuest" />
                </form>
            </div>
            <table>
                <tr>
                    <td><input type="hidden" name="on0" value="Family History Research" />Family History Research</td>
                </tr>
                <tr>
                    <td>
                        <select name="os0">
                            <option value="Gold">Gold &#163; 89.95 GBP</option>
                            <option value="Silver">Silver &#163; 64.95 GBP</option>
                            <option value="Bronze">Bronze &#163; 49.95 GBP</option>
                        </select>
                    </td>
                </tr>
            </table>
            <div>
                <form action="/">
                    <input type="hidden" name="currency_code" value="GBP" />
                    <input type="hidden" name="option_select0" value="Gold" />
                    <input type="hidden" name="option_amount0" value="89.95" />
                    <input type="hidden" name="option_select1" value="Silver" />
                    <input type="hidden" name="option_amount1" value="64.95" />
                    <input type="hidden" name="option_select2" value="Bronze" />
                    <input type="hidden" name="option_amount2" value="49.95" />
                    <input type="hidden" name="option_index" value="0" />
                    <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." />
                </form>
            </div>
            <img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1" />
            <p>To pay by cheque please use this facility to calculate the cost in your currency.  If you pay by cheque, the  cost will be &#163;10 more to cover the exchange rate fee.</p>  <!-- XE.com Universal Currency Converter(tm) Input Page Starts --> <!-- Copyright (c) 2005 XE.com. Unauthorized use prohibited. --><!-- Input Template Version 3.10 --><!-- You may reformat this page section, but do not delete lines or variables that start with an asterisk -->
            <p>For quotes in any other currency, please contact me.</p>
            <p class="two">Other Services for the Genealogist:</p>
            <table class="other services">
                <tr>
                    <td>Family Group Orders:</td>
                    <td><p class="four"><a href="http://www.c5d.co.uk/groups.php">Click here</a></p></td>
                </tr>
                <tr>
                    <td>Payments in Pounds:</td>
                    <td><p class="four"><a href="http://www.c5d.co.uk/sterlingpayments.php">Click here</a></p></td>
                </tr>
                <tr>
                    <td>Parish Register Entries:</td>
                    <td><p class="four"><a href="http://www.c5d.co.uk/parishrecords.php">Click here</a></p></td>
                </tr>
                <tr>
                    <td>Census Service:</td>
                    <td><p class="four"><a href="http://www.c5d.co.uk/censusentries.php">Click here</a></p></td>
                </tr>
            </table>
    <!--webbot bot="HTMLMarkup" startspan -->
            <a href="http://www.jdoqocy.com/click-2218224-10411339" target="_top"><img src="http://www.tqlkg.com/image-2218224-10411339" width="234" height="60" alt="1901 Census Access 234x60  - 10% DISCOUNT" border="0" class="center" /></a>
            <br /><br />
            <p class="copy">&copy;C5D-Certificates </p>
        </div>
    </div>
    </body>
    </html>

  20. #45
    SitePoint Addict
    Join Date
    Nov 2012
    Posts
    251
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have firefox but and chrome but always use IE because of its familiarity. I shall give firefox a try.

    This page is W I P as I need to put the exchange rate calculator on it.

    I shall look at removing the BRs. Trying to work on a simple page first.

    There's loads to do of course but it will be fun learning I hope

    Antony


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •