IE 8 Problem

**certificates** · Nov 26, 2012 15:03

I am new to this so forgive me if I do this wrong, but I have been asked to edesign my club's web page.

I am added the BBC's weather widget to the site, and it shows fine in Chrome & Firfox but in IE has a margin on the right hand side.

The web page is www.c5d.co.uk/notwitter.php and the stylesheet is www.c5d.co.uk/clubstyle.css

Is there anything that anyone may suggest to remove this margin please

Thanks

Antony

**ralph.m** · Nov 26, 2012 16:49

It doesn't work well for me in Chrome, as it sticks way out of the wrapper. The sidebar contents are stuck within a 150px wide column at the moment, so I think you firstly need to sort out the sidebar.

**certificates** · Nov 27, 2012 00:16

I have done that by using another image and a link, but the right hand margin is still there in IE, but not in Firefox or Chrome

The new page is at http://www.c5d.co.uk/hurstweather.php

Thanks for any help

Antony

**ronpat** · Nov 27, 2012 02:39

IE8 and FF17 do not appear to have a problem any more; but the page seems unfinished. Which version of IE is showing a problem to you?

Free advice:
I recommend that you give your html page a good once over with the validator and a good text editor. You have an entire HTML5 page (doctype/head/body sections, open and close) inside the body of the XHTML page. It's amazing that anything renders anywhere near "as desired". PLEASE, look at the html page. It will take some time, but the time will be well spent. Took me about 40 minutes to whittle it from 39 down to 3 errors and in the process separate the facebook and twitter buttons. (Two of the remaining errors involve the facebook button; the other is a duplicate id.) Most errors were trivial, but not all. With that, there is a better chance that changes made to the css will actually have their desired effect. Even valid html can be laid out poorly, so this isn't a guaranteed fix, but any improvement will be a plus. If you'll go through the discipline of indenting the html code, you'll have a good picture of the actual structure in your head.

**certificates** · Nov 27, 2012 15:03

I'm sure that your post is intended to be helpful, but sadly it isn't. To me it's a bit like Tiger Woods telling me the way be to be a top golfer is to do several strokes under par each round without telling me where to get the necessry instruction, or instructing me how to do it.

However I have tried to follow your advice and used a validator, I don't know if it is good bad or indifferent, and have got down to 6 errors and four warnings. Despite googling, I have no idea what these mean or how to resolve them. If you could be so kind as to tell me how you eliminated the other errors in the 40 minutes you spent, or even what the errors mean I'd be grtaeful.

Regards

Antony

**ronpat** · Nov 27, 2012 16:35

It looks like my well-intending advice might have had some undesired consequences. The validator isn't always specific about identifying trouble spots. Looks like some </div>s were moved around and FF has picked up some space beneath the menu. I'll see if I can combine the previous with the current page and straighten out the divs.

If you have a backup from before changes were made that you can post again, that would be a plus.

**ronpat** · Nov 27, 2012 19:28

This is valid except for the duplicate id's (lines 88 and 103). As is, the file renders fine in FF17 and IE8. There is one attribute error in line 116; there may be others, I didn't look closely. Likewise, I haven't looked at the css, yet.

Please understand that the code is indented so I could read it. It makes it much easier for me to account for tags and visualize the overall page structure. No reflection on your markup intended.

From here, we can begin working on the css. There ARE a few inline styles on the html page that ideally should be moved to the css. The facebook and twitter buttons pick up a border on :hover; they could use a tweak.

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 profile="http://gmpg.org/xfn/11">
    <title>Hurst Weather | Welcome To The Ashton Under Lyne Golf Club Website</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <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/clubstyle.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="http://www.c5d.co.uk/MenuMatic.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">
        <div class="span-24">
            <div id="pagemenucontainer">
                <ul id="pagemenu" class="menu">
                    <li id="menu-item-143" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-143"><a href="http://www.c5d.co.uk/directionstoclub.php">Directions</a></li>
                    <li id="menu-item-146" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-146"><a href="http://www.c5d.co.uk/contactagc.php">Contact Us</a></li>
                </ul>
            </div>
        </div>
        <div id="header" class="span-24" style="height:180px;">
            <div class="span-12">
                <a href="http://www.ashtongolfclub.co.uk/documents/2013%20membership%20special%20offers.pdf" target="_blank"><img src="http://www.c5d.co.uk/clubhouse.jpg" alt="clubhouse" height="175" width="950" /></a>
            </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-142" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-142"><a href="/index.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="index.php">Visitors' Info</a>
                        <ul class="sub-menu">
                            <li id="menu-item-134" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a href="http://www.c5d.co.uk/coursehistory.php">Club History</a></li>
                            <li id="menu-item-85" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-85"><a href="http://www.c5d.co.uk/clubhousefacilities.php">Clubhouse&nbsp;Facilities</a></li>
                            <li id="menu-item-89" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-89"><a href="http://www.c5d.co.uk/society-menu.php">Society Menu</a></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/dresscode.php">Dress Code</a></li>
                            <li id="menu-item-91" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-91"><a href="http://www.c5d.co.uk/greenfees.php">Green Fees</a></li>
                            <li id="menu-item-53" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-91"><a href="http://www.c5d.co.uk/teetime.php">Book A Tee Time</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">Course</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/course.php">Course Photos</a></li>
                            <li id="menu-item-100" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-100"><a href="http://www.c5d.co.uk/clubcard.php">Card</a></li>
                            <li id="menu-item-101" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-101"><a href="http://www.c5d.co.uk/clubrecord.php">Course Record</a></li>
                            <li id="menu-item-105" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-105"></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/clubcompetitions.php">Club Comps</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/winners2012.php">Major&nbsp;Trophy&nbsp;Winners&nbsp;2012</a></li>
                            <li id="menu-item-104" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-104"><a href="http://www.c5d.co.uk/nov2012.php">Competition&nbsp;Results&nbsp;2012</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/clubteams.php">Club Teams</a>
                        <ul class="sub-menu">
                            <li id="menu-item-115" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-115"><a href="http://www.c5d.co.uk/teammatches2012.php">A &amp; B Team Results 2012</a></li>
                            <li id="menu-item-118" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-118"><a href="http://www.c5d.co.uk/ladiesteam.php">Ladies Team 2012</a></li>
                            <li id="menu-item-117" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-117"><a href="http://www.c5d.co.uk/juniorteam.php">Junior Team 2012</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://www.c5d.co.uk/seniorteam.php">Senior Fixtures 2013</a></li>
                        </ul>
                    </li>
                    <li id="menu-item-108" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-108"><a href="http://www.c5d.co.uk/opens.php">Opens 2013</a>
                        <ul class="sub-menu">
                            <li id="menu-item-109" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-109"><a href="http://www.c5d.co.uk/gentsopens.php">Mens Open Competition 2013</a></li>
                            <li id="menu-item-111" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-111"><a href="http://www.c5d.co.uk/ladiessopens.php">Ladies Open Competition 2013</a></li>
                            <li id="menu-item-110" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-110"><a href="http://www.c5d.co.uk/mixedopens.php">Mixed Open Competition 2013</a></li>
                            <li id="menu-item-113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-113"><a href="http://www.c5d.co.uk/seniorsopens.php">Senior&nbsp;Open&nbsp;Competitions&nbsp;2013</a></li>
                            <li id="menu-item-63" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-113"><a href="http://www.c5d.co.uk/junioropen.php">Junior Open Competition 2013</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/events.php">Club Diary</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/calendar.php">Gentlemen's&nbsp;Events</a></li>
                            <li id="menu-item-58" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a href="http://www.c5d.co.uk/ladiescalendar.php">Laides'&nbsp;Events</a></li>
                            <li id="menu-item-57" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a href="http://www.c5d.co.uk/seniorcalendar.php">Seniors'&nbsp;Events</a></li>
                            <li id="menu-item-55" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a href="http://www.c5d.co.uk/juniorcalendar.php">Juniors'&nbsp;Events</a></li>
                            <li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-129"><a href="http://www.c5d.co.uk/social.php">Social Events</a></li>  <!-- I suspect that ID number 48 is wrong -->
                        </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/news.php">News</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/news1112.php">November&nbsp;2012</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/sections.php">Club Sections</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/greens.php">Greens&nbsp;Team</a></li>
                            <li id="menu-item-124" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-124"><a href="http://www.c5d.co.uk/handicaps.php">Handicap&nbsp;Secretary</a></li>
                            <li id="menu-item-50" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-50"><a href="http://www.c5d.co.uk/comps.php">Competitions&nbsp;Team</a></li>
                            <li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49"><a href="http://www.c5d.co.uk/bar.php">Bar&nbsp;&amp;&nbsp;House&nbsp;Secretaries</a></li>
                            <li id="menu-item-129" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-129"><a href="http://www.c5d.co.uk/juniors.php">Juniors</a></li>
                            <li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48"><a href="http://www.c5d.co.uk/golfclublinks.php">Related Links</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="span-24" id="contentwrap" style="background:#E0E0E0;">
                <div class="span-13">
                    <div id="content">
                        <div style="position:relative;">
                            <div class="postwrap">
                                <div class="post" id="post-222" style="width:760px;">
                                    <div class="entry" style="position:relative;">
                                        <div id="ai1ec-container" class="ai1ec-container thenly">
                                            <div align="center">  <!-- align="center" is an invalid attribute.  use css instead -->

<script type="text/javascript">
    moDays=3; moColourScheme="default";
    moFSSI=351980;
    moDomain="www.metoffice.gov.uk";
    moMapDisplay="none";
    moMapsRequired="";
    moTemperatureUnits="C";
    moSpeedUnits="M";
    moShowWind="true";
    moShowUV="false";
    moShowFeelsLike="true";
    moAllowUserLocation="true";
    moStartupLanguage="en";
    moSpecificHeight="250";
    moSpecificWidth="250";
</script>
<script type="text/javascript" src="http://www.metoffice.gov.uk/public/pws/components/yoursite/loader.js"></script>

                                                <p>This <a href='http://www.metoffice.gov.uk/services/weather-widget' >Weather Widget</a> is provided by the <a href='http://www.metoffice.gov.uk' >Met Office</a></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="span-11 last">
                    <div class="span-7">
                        <div class="sidebar left-sidebar"></div>
                    </div>
                    <div class="span-4 last">
                        <div class="sidebar right-sidebar"></div>
                        <div class="socialboxes">
                            <a href="http://www.facebook.com/home.php?sk=group_152294981498083&amp;ap=1" target="_blank"><img src="http://www.c5d.co.uk/facebook.png" alt="Facebook" height="25" width="130" />FACEBOOK</a>
                        </div>
                        <div class="socialboxes">
                            <a href="http://www.c5d.co.uk/notwitter.php" target="_blank"><img src="http://www.c5d.co.uk/twitter.png" alt="Follow Us" title="Follow Us" style="vertical-align:middle; margin-right:5px;" /></a>
                            <a href="http://www.c5d.co.uk/notwitter.php">Follow Us</a>
                        </div>
                        <div class="sidebaradbox125">
                            <a href="http://www.todaysgolfer.co.uk/golf/courses/" target="_blank"><img class="ad125" src="http://www.c5d.co.uk/2fore1.jpg" alt="Two Fore One" /></a>
                            <a href="http://www.howdidido.co.uk" target="_blank"><img class="ad125" src="http://www.c5d.co.uk/howdidido.jpg" alt="How Did I Do" /></a>
                            <a href="http://www.c5d.co.uk/teetime.php"><img src="http://www.c5d.co.uk/tee-time.png" alt="book a tee"/></a>
                            <br />
                            <a href="http://www.c5d.co.uk/hurstweather.php"><img class="ad125" src="http://www.c5d.co.uk/hurstweather.jpg" alt="Weather Widget" /></a>
                            <a href="http://www.c5d.co.uk/teetime.php"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="span-24">
            <div id="footer" style="padding:6px; height:15px;">
                <span style="float:left;">Copyright © Antony Lambert</span>
                <span style="float:right;"><a href="http://www.c5d.co.uk/hurstpages.htm" target="_blank">The Hurst Pages</a> by <a href="http://www.c5d.co.uk" target="_blank">Antony Lambert of C5D</a></span>
            </div>
        </div>
    </div>
</div>

</body>
</html>

Before and After screens in Firefox 17.0: (Note facebook and twitter buttons, and space below h-menu)

hurstweather-before.jpg hurstweather-after.jpg

**certificates** · Nov 27, 2012 23:13

Thanks for your input. I shall begin to look at how it is structured this evening after work.

Here however is the original HTML which I used. You will note it is linked to a PHP file.

<!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 profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Hurst Weather| Welcome To The Ashton Under Lyne Golf Club Website</title>
<?php include $_SERVER["DOCUMENT_ROOT"] . "/includes/menu.php"; ?>

</head>
<body>

<div class="span-24" id="contentwrap" style="background: #E0E0E0;">
<div class="span-13">
<div id="content">
<div style="position: relative;">
<div class="postwrap"><u></u>
<div class="post" id="post-222" style="width: 760px;">
<div class="entry" style="position: relative;">
<div id="ai1ec-container" class="ai1ec-container thenly">

<div align="center"><script type="text/javascript"> moDays=3; moColourScheme="default"; moFSSI=351980; moDomain="www.metoffice.gov.uk"; moMapDisplay="none"; moMapsRequired=""; moTemperatureUnits="C"; moSpeedUnits="M"; moShowWind="true"; moShowUV="false"; moShowFeelsLike="true"; moAllowUserLocation="true"; moStartupLanguage="en"; moSpecificHeight="250"; moSpecificWidth="250"; </script><script type="text/javascript" src="http://www.metoffice.gov.uk/public/pws/components/yoursite/loader.js"> </script><p>This <a href='http://www.metoffice.gov.uk/services/weather-widget' >Weather Widget</a> is provided by the <a href='http://www.metoffice.gov.uk' >Met Office</a>
</p></div></div>

</div>
</div>
</div>
</div>
</div>
</div>

<div class="span-11 last">

<div class="span-7">

<div class="sidebar left-sidebar">

</div>
</div>

<div class="span-4 last">

<div class="sidebar right-sidebar">

</div>
<div class="socialboxes">
<a href="http://www.facebook.com/home.php?sk=group_152294981498083"&ap=1" target="_NEW"><img src="http://www.c5d.co.uk/facebook.png" alt="Facebook" height="25px" width="130px/>FACEBOOK</a></div></div>

<div class="socialboxes">
<a href="http://www.c5d.co.uk/notwitter.php" target="_new"><img src="http://www.c5d.co.uk/twitter.png" alt="Follow Us" title="Follow Us" style="vertical-align:middle; margin-right: 5px;"/><a href="http://www.c5d.co.uk/notwitter.php">Follow Us</a>
</a></div>

<div class="sidebaradbox125">
<a href="http://www.todaysgolfer.co.uk/golf/courses/" target="_new"><img class="ad125" src="http://www.c5d.co.uk/2fore1.jpg" alt="Two Fore One"/></a>
<a href="http://www.howdidido.co.uk" target="_new"><img class="ad125" src="http://www.c5d.co.uk/howdidido.jpg"alt="How Did I Do"/></a>
<a href="http://www.c5d.co.uk/teetime.php">
<img src="http://www.c5d.co.uk/tee-time.png" alt="book a tee"/></a><br />
<a href="http://www.c5d.co.uk/hurstweather.php"><img class="ad125" src="http://www.c5d.co.uk/hurstweather.jpg" alt="Weather Widget"/></a>
<a href="http://www.c5d.co.uk/teetime.php"></a></div>

</div>
</div>

</div>
<div class="span-24">
<div id="footer" style="padding: 6px; height: 15px;"><span style="float: left;">Copyright © Antony Lambert</span><span style="float: right;"><a href="http://www.c5d.co.uk/hurstpages.htm" target="_NEW">The Hurst Pages</a> by <a href="http://www.c5d.co.uk" target="_NEW">Antony Lambert of C5D</a></span></div>

</div>
</body>
</html>

This is the PHP file called menu.php. I guess basically I should amend the html in menu to read as far as the final </ul> in your work. And then amend the weather widget as per the bottom half ?

<!DOCTYPE html>
<html lang="en">
<head>
<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/clubstyle.css" type="text/css" media="screen" />

<script src="http://www.c5d.co.uk/mootools-1.2.5-core-yc.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://www.c5d.co.uk/MenuMatic.css" type="text/css" media="screen" charset="utf-8" />

<script src="http://www.c5d.co.uk/MenuMatic_0.68.3.js" type="text/javascript" charset="utf-8"></script>

<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' />

</head>
<body>

<script type="text/javascript">
window.addEvent('domready', function() {
var myMenu = new MenuMatic();
});
</script>
<div id="wrapper">
<div id="container" class="container">
<div class="span-24">
<div id="pagemenucontainer">
<ul id="pagemenu" class="menu"><li id="menu-item-143" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-143"><a href="http://www.c5d.co.uk/directionstoclub.php">Directions</a></li>
<li id="menu-item-146" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-146"><a href="http://www.c5d.co.uk/contactagc.php">Contact Us</a></li>
</ul> </div>
</div>

<div id="header" class="span-24" style="height: 180px;">
<div class="span-12">
<a href="http://www.ashtongolfclub.co.uk/documents/2013%20membership%20special%20offers.pdf" target=_blank><img src="http://www.c5d.co.uk/clubhouse.jpg" alt="clubhouse" height="175px" width="950px"/></a>
</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-142" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-142"><a href="/index.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="index.php">Visitors' Info</a>
<ul class="sub-menu">
<li id="menu-item-134" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a href="http://www.c5d.co.uk/coursehistory.php">Club History</a></li>
<li id="menu-item-85" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-85"><a href="http://www.c5d.co.uk/clubhousefacilities.php">Clubhouse Facilities</a></li>
<li id="menu-item-89" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-89"><a href="http://www.c5d.co.uk/society-menu.php">Society Menu</a></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/dresscode.php">Dress Code</a></li>
<li id="menu-item-91" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-91"><a href="http://www.c5d.co.uk/greenfees.php">Green Fees</a></li>
<li id="menu-item-53" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-91"><a href="http://www.c5d.co.uk/teetime.php">Book A Tee Time</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">Course</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/course.php">Course Photos</a></li>
<li id="menu-item-100" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-100"><a href="http://www.c5d.co.uk/clubcard.php">Card</a></li>
<li id="menu-item-101" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-101"><a href="http://www.c5d.co.uk/clubrecord.php">Course Record</a></li>
<li id="menu-item-105" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-105"> </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/clubcompetitions.php">Club Comps</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/winners2012.php">Major Trophy Winners 2012</a></li>
<li id="menu-item-104" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-104"><a href="http://www.c5d.co.uk/nov2012.php">Competition Results 2012</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/clubteams.php">Club Teams</a>
<ul class="sub-menu">
<li id="menu-item-115" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-115"><a href="http://www.c5d.co.uk/teammatches2012.php">A & B Team Results 2012</a></li>
<li id="menu-item-118" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-118"><a href="http://www.c5d.co.uk/ladiesteam.php">Ladies Team 2012</a></li>
<li id="menu-item-117" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-117"><a href="http://www.c5d.co.uk/juniorteam.php">Junior Team 2012</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://www.c5d.co.uk/seniorteam.php">Senior Fixtures 2013</a></li>
</ul>
</li>
<li id="menu-item-108" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-108"><a href="http://www.c5d.co.uk/opens.php">Opens 2013</a>
<ul class="sub-menu">
<li id="menu-item-109" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-109"><a href="http://www.c5d.co.uk/gentsopens.php">Mens Open Competition 2013</a></li>
<li id="menu-item-111" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-111"><a href="http://www.c5d.co.uk/ladiessopens.php">Ladies Open Competition 2013</a></li>
<li id="menu-item-110" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-110"><a href="http://www.c5d.co.uk/mixedopens.php">Mixed Open Competition 2013</a></li>
<li id="menu-item-113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-113"><a href="http://www.c5d.co.uk/seniorsopens.php">Senior Open Competitions 2013</a></li>
<li id="menu-item-63" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-113"><a href="http://www.c5d.co.uk/junioropen.php">Junior Open Competition 2013</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/events.php">Club Diary</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/calendar.php">Gentlemen's Events</a></li>
<li id="menu-item-58" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a href="http://www.c5d.co.uk/ladiescalendar.php">Laides' Events</a></li>
<li id="menu-item-57" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a href="http://www.c5d.co.uk/seniorcalendar.php">Seniors' Events</a></li>
<li id="menu-item-55" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a href="http://www.c5d.co.uk/juniorcalendar.php">Juniors' Events</a></li>
<li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-129"><a href="http://www.c5d.co.uk/social.php">Social Events</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/news.php">News</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/news1112.php">November 2012</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/sections.php">Club Sections</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/greens.php">Greens Team</a></li>
<li id="menu-item-124" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-124"><a href="http://www.c5d.co.uk/handicaps.php">Handicap Secretary</a></li>
<li id="menu-item-50" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-50"><a href="http://www.c5d.co.uk/comps.php">Competitions Team</a></li>
<li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49"><a href="http://www.c5d.co.uk/bar.php">Bar & House Secretaries</a></li>
<li id="menu-item-129" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-129"><a href="http://www.c5d.co.uk/juniors.php">Juniors</a></li>
<li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48"><a href="http://www.c5d.co.uk/golfclublinks.php">Related Links</a></li></ul>
</li></ul>
</body>
</html>

Thanks again for the input

Antony

**ronpat** · Nov 28, 2012 02:43

Ya know, certificates, I didn't realize that another page had been imported. I was puzzled by the second doctype, but failed to grasp what had happened.

I do not speak "php". Can barely spell it. Someone familiar with php will be of more help to you at this point.

I BELIEVE that the menu.php document cannot contain any code that should not appear exactly at the point where it is being called, and that the DOCTYPE and <head> elements that presently appear on menu.php should NOT be there.

In my speculation is correct, you should be able to cut the menu content from the page that I submitted and paste it into the menu.php file as the only content in that file and reinsert it via the php call where it used to be.

At this point, I'm just guessing (trying to bail myself out of an ignorant mistake).

**ralph.m** · Nov 28, 2012 02:48

Originally Posted by ronpat

I BELIEVE that the menu.php document cannot contain any code that should not appear exactly at the point where it is being called, and that the DOCTYPE and <head> elements that presently appear on menu.php should NOT be there.

In my speculation is correct, you should be able to cut the menu content from the page that I submitted and paste it into the menu.php file as the only content in that file and reinsert it via the php call where it used to be.

Exactly right, ronpat. This line

Code:

<?php include $_SERVER["DOCUMENT_ROOT"] . "/includes/menu.php"; ?>

should appear where you want the menu to appear in the HTML (which is not in the <head> section!), and only contain the menu code itself, nothing else.

**certificates** · Nov 28, 2012 13:23

This is the head of the document which appears on all the pages:

<!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 profile="http://gmpg.org/xfn/11">
<title>Hurst Weather | Welcome To The Ashton Under Lyne Golf Club Website</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<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/clubstyle.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://www.c5d.co.uk/MenuMatic.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>

This is the header for one of the pages. All of the pages are the same .

<!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 profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<title> Ladies' Team| Welcome To The Ashton Under Lyne Golf Club Website</title>
<?php include $_SERVER["DOCUMENT_ROOT"] . "/includes/menu.php"; ?>

<body>
.....................................................................</body></html>

Does it need a </head> somewhere ? It all renders well thans to Ronpat's input.

One final thing I should like if possible is the little gap between the background and the footer to disaapear. Is this possible.

The web page is www.c5d.co.uk/hurstweather.php

Thanks

Antony

**ronpat** · Nov 28, 2012 13:52

At this time, the menu code still has a doctype on it, and some other errors, which are causing problems on the rest of the page. The attached code is based entirely on the revision that I submitted; however, it breaks out the menu.php segment.

Would you please try these exactly as shown here. I believe they will work correctly. Thanks.

Both files should have a .php suffix.

hurstweather.php

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 profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title> Hurst Weather| Welcome To The Ashton Under Lyne Golf Club Website</title>
<!-- BEGIN menu.php INCLUDE -->
<?php include $_SERVER["DOCUMENT_ROOT"] . "/includes/menu.php"; ?>
<!-- END menu.php INCLUDE -->
            <div class="span-24" id="contentwrap" style="background:#E0E0E0;">
                <div class="span-13">
                    <div id="content">
                        <div style="position:relative;">
                            <div class="postwrap">
                                <div class="post" id="post-222" style="width:760px;">
                                    <div class="entry" style="position:relative;">
                                        <div id="ai1ec-container" class="ai1ec-container thenly">
                                            <div align="center">  <!-- align="center" is an invalid attribute.  use css instead -->

<script type="text/javascript">
    moDays=3; moColourScheme="default";
    moFSSI=351980;
    moDomain="www.metoffice.gov.uk";
    moMapDisplay="none";
    moMapsRequired="";
    moTemperatureUnits="C";
    moSpeedUnits="M";
    moShowWind="true";
    moShowUV="false";
    moShowFeelsLike="true";
    moAllowUserLocation="true";
    moStartupLanguage="en";
    moSpecificHeight="250";
    moSpecificWidth="250";
</script>
<script type="text/javascript" src="http://www.metoffice.gov.uk/public/pws/components/yoursite/loader.js"></script>

                                                <p>This <a href='http://www.metoffice.gov.uk/services/weather-widget' >Weather Widget</a> is provided by the <a href='http://www.metoffice.gov.uk' >Met Office</a></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="span-11 last">
                    <div class="span-7">
                        <div class="sidebar left-sidebar"></div>
                    </div>
                    <div class="span-4 last">
                        <div class="sidebar right-sidebar"></div>
                        <div class="socialboxes">
                            <a href="http://www.facebook.com/home.php?sk=group_152294981498083&amp;ap=1" target="_blank"><img src="http://www.c5d.co.uk/facebook.png" alt="Facebook" height="25" width="130" />FACEBOOK</a>
                        </div>
                        <div class="socialboxes">
                            <a href="http://www.c5d.co.uk/notwitter.php" target="_blank"><img src="http://www.c5d.co.uk/twitter.png" alt="Follow Us" title="Follow Us" style="vertical-align:middle; margin-right:5px;" /></a>
                            <a href="http://www.c5d.co.uk/notwitter.php">Follow Us</a>
                        </div>
                        <div class="sidebaradbox125">
                            <a href="http://www.todaysgolfer.co.uk/golf/courses/" target="_blank"><img class="ad125" src="http://www.c5d.co.uk/2fore1.jpg" alt="Two Fore One" /></a>
                            <a href="http://www.howdidido.co.uk" target="_blank"><img class="ad125" src="http://www.c5d.co.uk/howdidido.jpg" alt="How Did I Do" /></a>
                            <a href="http://www.c5d.co.uk/teetime.php"><img src="http://www.c5d.co.uk/tee-time.png" alt="book a tee"/></a>
                            <br />
                            <a href="http://www.c5d.co.uk/hurstweather.php"><img class="ad125" src="http://www.c5d.co.uk/hurstweather.jpg" alt="Weather Widget" /></a>
                            <a href="http://www.c5d.co.uk/teetime.php"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="span-24">
            <div id="footer" style="padding:6px; height:15px;">
                <span style="float:left;">Copyright © Antony Lambert</span>
                <span style="float:right;"><a href="http://www.c5d.co.uk/hurstpages.htm" target="_blank">The Hurst Pages</a> by <a href="http://www.c5d.co.uk" target="_blank">Antony Lambert of C5D</a></span>
            </div>
        </div>
    </div>
</div>

</body>
</html>

menu.php

Code:

    <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/clubstyle.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="http://www.c5d.co.uk/MenuMatic.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">
        <div class="span-24">
            <div id="pagemenucontainer">
                <ul id="pagemenu" class="menu">
                    <li id="menu-item-143" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-143"><a href="http://www.c5d.co.uk/directionstoclub.php">Directions</a></li>
                    <li id="menu-item-146" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-146"><a href="http://www.c5d.co.uk/contactagc.php">Contact Us</a></li>
                </ul>
            </div>
        </div>
        <div id="header" class="span-24" style="height:180px;">
            <div class="span-12">
                <a href="http://www.ashtongolfclub.co.uk/documents/2013%20membership%20special%20offers.pdf" target="_blank"><img src="http://www.c5d.co.uk/clubhouse.jpg" alt="clubhouse" height="175" width="950" /></a>
            </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-142" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-142"><a href="/index.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="index.php">Visitors' Info</a>
                        <ul class="sub-menu">
                            <li id="menu-item-134" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a href="http://www.c5d.co.uk/coursehistory.php">Club History</a></li>
                            <li id="menu-item-85" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-85"><a href="http://www.c5d.co.uk/clubhousefacilities.php">Clubhouse&nbsp;Facilities</a></li>
                            <li id="menu-item-89" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-89"><a href="http://www.c5d.co.uk/society-menu.php">Society Menu</a></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/dresscode.php">Dress Code</a></li>
                            <li id="menu-item-91" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-91"><a href="http://www.c5d.co.uk/greenfees.php">Green Fees</a></li>
                            <li id="menu-item-53" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-91"><a href="http://www.c5d.co.uk/teetime.php">Book A Tee Time</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">Course</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/course.php">Course Photos</a></li>
                            <li id="menu-item-100" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-100"><a href="http://www.c5d.co.uk/clubcard.php">Card</a></li>
                            <li id="menu-item-101" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-101"><a href="http://www.c5d.co.uk/clubrecord.php">Course Record</a></li>
                            <li id="menu-item-105" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-105"></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/clubcompetitions.php">Club Comps</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/winners2012.php">Major&nbsp;Trophy&nbsp;Winners&nbsp;2012</a></li>
                            <li id="menu-item-104" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-104"><a href="http://www.c5d.co.uk/nov2012.php">Competition&nbsp;Results&nbsp;2012</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/clubteams.php">Club Teams</a>
                        <ul class="sub-menu">
                            <li id="menu-item-115" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-115"><a href="http://www.c5d.co.uk/teammatches2012.php">A &amp; B Team Results 2012</a></li>
                            <li id="menu-item-118" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-118"><a href="http://www.c5d.co.uk/ladiesteam.php">Ladies Team 2012</a></li>
                            <li id="menu-item-117" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-117"><a href="http://www.c5d.co.uk/juniorteam.php">Junior Team 2012</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://www.c5d.co.uk/seniorteam.php">Senior Fixtures 2013</a></li>
                        </ul>
                    </li>
                    <li id="menu-item-108" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-108"><a href="http://www.c5d.co.uk/opens.php">Opens 2013</a>
                        <ul class="sub-menu">
                            <li id="menu-item-109" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-109"><a href="http://www.c5d.co.uk/gentsopens.php">Mens Open Competition 2013</a></li>
                            <li id="menu-item-111" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-111"><a href="http://www.c5d.co.uk/ladiessopens.php">Ladies Open Competition 2013</a></li>
                            <li id="menu-item-110" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-110"><a href="http://www.c5d.co.uk/mixedopens.php">Mixed Open Competition 2013</a></li>
                            <li id="menu-item-113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-113"><a href="http://www.c5d.co.uk/seniorsopens.php">Senior&nbsp;Open&nbsp;Competitions&nbsp;2013</a></li>
                            <li id="menu-item-63" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-113"><a href="http://www.c5d.co.uk/junioropen.php">Junior Open Competition 2013</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/events.php">Club Diary</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/calendar.php">Gentlemen's&nbsp;Events</a></li>
                            <li id="menu-item-58" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a href="http://www.c5d.co.uk/ladiescalendar.php">Laides'&nbsp;Events</a></li>
                            <li id="menu-item-57" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a href="http://www.c5d.co.uk/seniorcalendar.php">Seniors'&nbsp;Events</a></li>
                            <li id="menu-item-55" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a href="http://www.c5d.co.uk/juniorcalendar.php">Juniors'&nbsp;Events</a></li>
                            <li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-129"><a href="http://www.c5d.co.uk/social.php">Social Events</a></li>  <!-- I suspect that ID number 48 is wrong -->
                        </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/news.php">News</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/news1112.php">November&nbsp;2012</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/sections.php">Club Sections</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/greens.php">Greens&nbsp;Team</a></li>
                            <li id="menu-item-124" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-124"><a href="http://www.c5d.co.uk/handicaps.php">Handicap&nbsp;Secretary</a></li>
                            <li id="menu-item-50" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-50"><a href="http://www.c5d.co.uk/comps.php">Competitions&nbsp;Team</a></li>
                            <li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49"><a href="http://www.c5d.co.uk/bar.php">Bar&nbsp;&amp;&nbsp;House&nbsp;Secretaries</a></li>
                            <li id="menu-item-129" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-129"><a href="http://www.c5d.co.uk/juniors.php">Juniors</a></li>
                            <li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48"><a href="http://www.c5d.co.uk/golfclublinks.php">Related Links</a></li>
                        </ul>
                    </li>
                </ul>
            </div>

**certificates** · Nov 28, 2012 14:06

I'm sorry but if I remove this

<!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 profile="http://gmpg.org/xfn/11">

from the menu.php file, then the only thing that is then visible are the right hand side images

When I put it back. It all re appeared.

It does all seem to work now, and the space between the menu bar and the page has also been resolved.

Thanks

Antony

**ronpat** · Nov 28, 2012 14:10

OK, thanks for trying it. Guess I don't quite understand php includes yet

Will look at the gap just above the footer now.

**ronpat** · Nov 28, 2012 14:15

This should fix the gap above the footer:

clubstyle.css Line 540: delete the RED property

Code:

#footer {
    background: none repeat scroll 0 0 #97CBED;
    color: #FFFFFF;
    font-size: 13px;
    margin-top: 6px;    /* DELETE this line */
    padding: 10px 0;
    text-align: center;
}

**certificates** · Nov 28, 2012 14:16

I think I have it now.

Have a look on line now please at the web page.

www.c5d.co.uk/hurstweather.php

Thanks

**certificates** · Nov 28, 2012 14:20

And that CSS adjustment works fine too

Thanks

**ronpat** · Nov 28, 2012 14:35

Back to separating the main.php file from the various pages....

I would be grateful if you would indulge me with one more test.

In the following code, I put all of the head information at the top of the hurstweather.php file, moved the main.php call down a few lines, and added two divs bordering the end of the include and continuation of the main page. That seems to provide the appropriate containers.

The downside is that the head section of all pages on the site need to be changed to match this head, but I believe this is the correct technique (as Ralph described).

Would be grateful if you would let me know if this works or fails. Thanks.

hurstweather.php

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 profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title> Hurst Weather| Welcome To The Ashton Under Lyne Golf Club Website</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/clubstyle.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="http://www.c5d.co.uk/MenuMatic.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 -->
<?php include $_SERVER["DOCUMENT_ROOT"] . "/includes/menu.php"; ?>
<!-- END menu.php INCLUDE -->
        <div>
            <div class="span-24" id="contentwrap" style="background:#E0E0E0;">
                <div class="span-13">
                    <div id="content">
                        <div style="position:relative;">
                            <div class="postwrap">
                                <div class="post" id="post-222" style="width:760px;">
                                    <div class="entry" style="position:relative;">
                                        <div id="ai1ec-container" class="ai1ec-container thenly">
                                            <div align="center">  <!-- align="center" is an invalid attribute.  use css instead -->

<script type="text/javascript">
    moDays=3; moColourScheme="default";
    moFSSI=351980;
    moDomain="www.metoffice.gov.uk";
    moMapDisplay="none";
    moMapsRequired="";
    moTemperatureUnits="C";
    moSpeedUnits="M";
    moShowWind="true";
    moShowUV="false";
    moShowFeelsLike="true";
    moAllowUserLocation="true";
    moStartupLanguage="en";
    moSpecificHeight="250";
    moSpecificWidth="250";
</script>
<script type="text/javascript" src="http://www.metoffice.gov.uk/public/pws/components/yoursite/loader.js"></script>

                                                <p>This <a href='http://www.metoffice.gov.uk/services/weather-widget' >Weather Widget</a> is provided by the <a href='http://www.metoffice.gov.uk' >Met Office</a></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="span-11 last">
                    <div class="span-7">
                        <div class="sidebar left-sidebar"></div>
                    </div>
                    <div class="span-4 last">
                        <div class="sidebar right-sidebar"></div>
                        <div class="socialboxes">
                            <a href="http://www.facebook.com/home.php?sk=group_152294981498083&amp;ap=1" target="_blank"><img src="http://www.c5d.co.uk/facebook.png" alt="Facebook" height="25" width="130" />FACEBOOK</a>
                        </div>
                        <div class="socialboxes">
                            <a href="http://www.c5d.co.uk/notwitter.php" target="_blank"><img src="http://www.c5d.co.uk/twitter.png" alt="Follow Us" title="Follow Us" style="vertical-align:middle; margin-right:5px;" /></a>
                            <a href="http://www.c5d.co.uk/notwitter.php">Follow Us</a>
                        </div>
                        <div class="sidebaradbox125">
                            <a href="http://www.todaysgolfer.co.uk/golf/courses/" target="_blank"><img class="ad125" src="http://www.c5d.co.uk/2fore1.jpg" alt="Two Fore One" /></a>
                            <a href="http://www.howdidido.co.uk" target="_blank"><img class="ad125" src="http://www.c5d.co.uk/howdidido.jpg" alt="How Did I Do" /></a>
                            <a href="http://www.c5d.co.uk/teetime.php"><img src="http://www.c5d.co.uk/tee-time.png" alt="book a tee"/></a>
                            <br />
                            <a href="http://www.c5d.co.uk/hurstweather.php"><img class="ad125" src="http://www.c5d.co.uk/hurstweather.jpg" alt="Weather Widget" /></a>
                            <a href="http://www.c5d.co.uk/teetime.php"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="span-24">
            <div id="footer" style="padding:6px; height:15px;">
                <span style="float:left;">Copyright © Antony Lambert</span>
                <span style="float:right;"><a href="http://www.c5d.co.uk/hurstpages.htm" target="_blank">The Hurst Pages</a> by <a href="http://www.c5d.co.uk" target="_blank">Antony Lambert of C5D</a></span>
            </div>
        </div>
    </div>
</div>

</body>
</html>

menu.pnp

Code:

        <div class="span-24">
            <div id="pagemenucontainer">
                <ul id="pagemenu" class="menu">
                    <li id="menu-item-143" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-143"><a href="http://www.c5d.co.uk/directionstoclub.php">Directions</a></li>
                    <li id="menu-item-146" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-146"><a href="http://www.c5d.co.uk/contactagc.php">Contact Us</a></li>
                </ul>
            </div>
        </div>
        <div id="header" class="span-24" style="height:180px;">
            <div class="span-12">
                <a href="http://www.ashtongolfclub.co.uk/documents/2013%20membership%20special%20offers.pdf" target="_blank"><img src="http://www.c5d.co.uk/clubhouse.jpg" alt="clubhouse" height="175" width="950" /></a>
            </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-142" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-142"><a href="/index.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="index.php">Visitors' Info</a>
                        <ul class="sub-menu">
                            <li id="menu-item-134" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a href="http://www.c5d.co.uk/coursehistory.php">Club History</a></li>
                            <li id="menu-item-85" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-85"><a href="http://www.c5d.co.uk/clubhousefacilities.php">Clubhouse&nbsp;Facilities</a></li>
                            <li id="menu-item-89" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-89"><a href="http://www.c5d.co.uk/society-menu.php">Society Menu</a></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/dresscode.php">Dress Code</a></li>
                            <li id="menu-item-91" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-91"><a href="http://www.c5d.co.uk/greenfees.php">Green Fees</a></li>
                            <li id="menu-item-53" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-91"><a href="http://www.c5d.co.uk/teetime.php">Book A Tee Time</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">Course</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/course.php">Course Photos</a></li>
                            <li id="menu-item-100" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-100"><a href="http://www.c5d.co.uk/clubcard.php">Card</a></li>
                            <li id="menu-item-101" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-101"><a href="http://www.c5d.co.uk/clubrecord.php">Course Record</a></li>
                            <li id="menu-item-105" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-105"></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/clubcompetitions.php">Club Comps</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/winners2012.php">Major&nbsp;Trophy&nbsp;Winners&nbsp;2012</a></li>
                            <li id="menu-item-104" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-104"><a href="http://www.c5d.co.uk/nov2012.php">Competition&nbsp;Results&nbsp;2012</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/clubteams.php">Club Teams</a>
                        <ul class="sub-menu">
                            <li id="menu-item-115" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-115"><a href="http://www.c5d.co.uk/teammatches2012.php">A &amp; B Team Results 2012</a></li>
                            <li id="menu-item-118" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-118"><a href="http://www.c5d.co.uk/ladiesteam.php">Ladies Team 2012</a></li>
                            <li id="menu-item-117" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-117"><a href="http://www.c5d.co.uk/juniorteam.php">Junior Team 2012</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://www.c5d.co.uk/seniorteam.php">Senior Fixtures 2013</a></li>
                        </ul>
                    </li>
                    <li id="menu-item-108" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-108"><a href="http://www.c5d.co.uk/opens.php">Opens 2013</a>
                        <ul class="sub-menu">
                            <li id="menu-item-109" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-109"><a href="http://www.c5d.co.uk/gentsopens.php">Mens Open Competition 2013</a></li>
                            <li id="menu-item-111" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-111"><a href="http://www.c5d.co.uk/ladiessopens.php">Ladies Open Competition 2013</a></li>
                            <li id="menu-item-110" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-110"><a href="http://www.c5d.co.uk/mixedopens.php">Mixed Open Competition 2013</a></li>
                            <li id="menu-item-113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-113"><a href="http://www.c5d.co.uk/seniorsopens.php">Senior&nbsp;Open&nbsp;Competitions&nbsp;2013</a></li>
                            <li id="menu-item-63" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-113"><a href="http://www.c5d.co.uk/junioropen.php">Junior Open Competition 2013</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/events.php">Club Diary</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/calendar.php">Gentlemen's&nbsp;Events</a></li>
                            <li id="menu-item-58" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a href="http://www.c5d.co.uk/ladiescalendar.php">Laides'&nbsp;Events</a></li>
                            <li id="menu-item-57" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a href="http://www.c5d.co.uk/seniorcalendar.php">Seniors'&nbsp;Events</a></li>
                            <li id="menu-item-55" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a href="http://www.c5d.co.uk/juniorcalendar.php">Juniors'&nbsp;Events</a></li>
                            <li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-129"><a href="http://www.c5d.co.uk/social.php">Social Events</a></li>  <!-- I suspect that ID number 48 is wrong -->
                        </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/news.php">News</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/news1112.php">November&nbsp;2012</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/sections.php">Club Sections</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/greens.php">Greens&nbsp;Team</a></li>
                            <li id="menu-item-124" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-124"><a href="http://www.c5d.co.uk/handicaps.php">Handicap&nbsp;Secretary</a></li>
                            <li id="menu-item-50" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-50"><a href="http://www.c5d.co.uk/comps.php">Competitions&nbsp;Team</a></li>
                            <li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49"><a href="http://www.c5d.co.uk/bar.php">Bar&nbsp;&amp;&nbsp;House&nbsp;Secretaries</a></li>
                            <li id="menu-item-129" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-129"><a href="http://www.c5d.co.uk/juniors.php">Juniors</a></li>
                            <li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48"><a href="http://www.c5d.co.uk/golfclublinks.php">Related Links</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>

PS: bottom gap looks like it's a goner

**certificates** · Nov 28, 2012 14:44

Yeas, it all works fine thanks very much

Thanks

Antony

**ronpat** · Nov 28, 2012 14:47

AH! The code in message #12 DOES WORK! That's great! You still have the duplicate ids and that funny looking facebood href group, but otherwise, it's perfect. Really cool!

Message #18 works, too. Good. #12 would most likely be easier to implement because other pages would not have to be modified.
Funny that the validation error on the facebook group does not show up here. Interesting.

**ronpat** · Nov 28, 2012 14:49

Thanks for the php tests, Antony. I've learned something new today!

**certificates** · Nov 28, 2012 14:51

I have too, but now I shall need to keep looking at it to see how it all works together

Thanks for your efforts

Antony

**ronpat** · Nov 28, 2012 15:34

If you are interested... when one :hovers over the facebook and twitter social media boxes, the page extends a couple of pixels in length. This is caused by the border applied to those boxes on :hover. Delete the border to stop the jumpiness.

clubstyle.css
Line 478:

Code:

.socialboxes:hover {
    background: #000000;
    border: 1px solid #B3B9BD;    /* delete this border */
}

**certificates** · Nov 28, 2012 15:40

Thanks

That's done.

I think that you have enjoyed the challenge !

Antony

**ronpat** · Nov 28, 2012 15:52

It's FUN! And yes, I DO thoroughly enjoy the challenge!

Cheers!
Ron

User Tag List

Thread: IE 8 Problem

Thread Tools

Display

IE 8 Problem

Bookmarks

Bookmarks

Posting Permissions