SitePoint Sponsor

User Tag List

Page 1 of 2 12 LastLast
Results 1 to 25 of 28

Thread: IE 8 Problem

  1. #1
    SitePoint Addict
    Join Date
    Nov 2012
    Posts
    248
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE 8 Problem

    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

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    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.

  3. #3
    SitePoint Addict
    Join Date
    Nov 2012
    Posts
    248
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

  4. #4
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,225
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    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.

  5. #5
    SitePoint Addict
    Join Date
    Nov 2012
    Posts
    248
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

  6. #6
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,225
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    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.

  7. #7
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,225
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    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.jpghurstweather-after.jpg

  8. #8
    SitePoint Addict
    Join Date
    Nov 2012
    Posts
    248
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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><!--#include virtual="includes.shtml" -->

    <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"&amp;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&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>
    </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>
    </body>
    </html>


    Thanks again for the input

    Antony

  9. #9
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,225
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    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).

  10. #10
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by ronpat View Post
    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.

  11. #11
    SitePoint Addict
    Join Date
    Nov 2012
    Posts
    248
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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><!--#include virtual="includes.shtml" -->
    .....................................................................</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

  12. #12
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,225
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    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>

  13. #13
    SitePoint Addict
    Join Date
    Nov 2012
    Posts
    248
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

  14. #14
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,225
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    OK, thanks for trying it. Guess I don't quite understand php includes yet

    Will look at the gap just above the footer now.

  15. #15
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,225
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    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;
    }

  16. #16
    SitePoint Addict
    Join Date
    Nov 2012
    Posts
    248
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think I have it now.

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

    www.c5d.co.uk/hurstweather.php

    Thanks

  17. #17
    SitePoint Addict
    Join Date
    Nov 2012
    Posts
    248
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    And that CSS adjustment works fine too

    Thanks

  18. #18
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,225
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    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

  19. #19
    SitePoint Addict
    Join Date
    Nov 2012
    Posts
    248
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yeas, it all works fine thanks very much

    Thanks

    Antony

  20. #20
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,225
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    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.

  21. #21
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,225
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    Thanks for the php tests, Antony. I've learned something new today!

  22. #22
    SitePoint Addict
    Join Date
    Nov 2012
    Posts
    248
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

  23. #23
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,225
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    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 */
    }

  24. #24
    SitePoint Addict
    Join Date
    Nov 2012
    Posts
    248
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks

    That's done.

    I think that you have enjoyed the challenge !

    Antony

  25. #25
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,225
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    It's FUN! And yes, I DO thoroughly enjoy the challenge!

    Cheers!
    Ron


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
  •