Help Please!

Discussion in 'Web Design, HTML And CSS' started by johnnyblack316, Sep 17, 2008.

  1. johnnyblack316

    johnnyblack316 New Member

    Joined:
    Sep 17, 2008
    Messages:
    1
    Likes Received:
    0
    Trophy Points:
    0
    Hello,

    I am currently a placement student within my university working on a website they are developing. The site is completed but still has a major problem. The links wont appear in internet explorer. Within each page the code makes reference to an external page which contains the code for the links.What I have found out is that if you copy the code from the header-hp.htm and paste it into the index instead of referring to an external page it works fine but when you refer to the external page nothing appears apart from text. From this you would think that the images are the problem but they are all linked correctly so therefore I am at a loss. At this moment in time I am really confused about the whole thing and don't understand what is going on. Below is the CSS, index page and the external page that holds the link code. Would really appreciate if someone could help.

    CSS
    Code:
    /** HEADER - CENTRAL NAVIGATION **/
    div#navbox { position: relative; line-height: 65px; margin: 0px; padding: 0px; z-index: 10; }
    * html #navbox { width: 750px; }
    .navcenter { }
    div#navbase { min-height: 75px; text-align: center; }
    * html #navbase { height: 75px; }
    #navigation { list-style-type: none; margin: 0 0 0 15px; padding: 0px; }
    #navigation li { float:left; }
    #navigation a { font-size: 130%; text-decoration: none; color: black; background-color: inherit; font-weight: bold; }
    #navigation a span { }
    
    /* Commented backslash hack hides rule from IE5-Mac \*/
    #navigation a, .navigation a span { float: none }
    /* End IE5-Mac hack */
    
    #navigation a:hover { text-decoration: none; color: maroon; background-color: inherit; font-weight: bold; }
    #navigation a:hover span { text-decoration: none; }
    
    .explorepic a { display: inline;padding: 30px 10px 22px 65px; color: black; background: url(../images/icon-journeys2.png) left no-repeat; font-weight: bold; text-decoration: none; font-size: 100%; }
    * html .explorepic a { height: 75px; width: 100px; margin-top: 0px;margin-bottom: 0px; color: black; background: url(../images/icon-journeys2.png) left no-repeat; }
    .explorepic a:hover { background: url(../images/icon-journeys.png) left no-repeat; color: maroon; }
    * html .explorepic a:hover { background: url(../images/icon-journeys.png) left no-repeat; color: maroon; }
    
    .topicspic a { display: inline; padding: 30px 0 22px 90px; color: black; background: url(../images/icon-topics2.png) left no-repeat; font-weight: bold; text-decoration: none; font-size: 100%; }
    * html .topicspic a { height: 75px; width: 90px; margin-top: 0px; margin-bottom: 0px; color: black; background: url(/images/icon-topics2-ie.png) left no-repeat; }
    .topicspic a:hover { background: url(../images/icon-topics-ie.png) left no-repeat; color: maroon; }
    * html .topicspic a:hover { background: url(/images/icon-topics.png) left no-repeat; color: maroon; }
    
    .subjectpic a { display: inline; padding: 30px 0 22px 100px; color: black; background: url(../images/icon-subject2.png) left no-repeat; font-weight: bold; text-decoration: none; font-size: 100%; }
    * html .subjectpic a { height: 75px; width: 100px; margin-top: 0px; margin-bottom: 0px; color: black; background: url(/images/icon-subject2-ie.png) left no-repeat; }
    .subjectpic a:hover { background: url(../images/icon-subject.png) left no-repeat; color: maroon; }
    * html .subjectpic a:hover { background: url(/images/icon-subject-ie.png) left no-repeat; color: maroon; }
    
    .resourcepic a { display: inline; padding: 30px 0 22px 75px; color: black; background: url(../images/icon-resources2.png) left no-repeat; font-weight: bold; text-decoration: none; font-size: 100%; }
    * html .resourcepic a { height: 75px; width: 75px; margin-top: 0px; margin-bottom: 0px; color: black; background: url(../images/icon-resources2-ie.png) left no-repeat; }
    .resourcepic a:hover { background: url(../images/icon-resources.png) left no-repeat; color: maroon; }
    * html .resourcepic a:hover { background: url(../images/icon-resources-ie.png) left no-repeat; color: maroon; }
    
    .helppic a { display: inline; padding: 30px 0 22px 75px; color: black; background: url(../images/icon-help2.png) left no-repeat; font-weight: bold; text-decoration: none; font-size: 100%; }
    * html .helppic a { height: 75px; width: 75px; margin-top: 0px; margin-bottom: 0px; color: black; background: url(../images/icon-help2-ie.png) left no-repeat; }
    .helppic a:hover { background: url(../images/icon-help.png) left no-repeat; color: maroon; }
    * html .helppic a:hover { background: url(../images/icon-help-ie.png) left no-repeat; color: maroon; }
    
    .feedbackpic a { display: inline; padding: 30px 0 22px 75px; color: black; background: url(../images/icon-feedback2.png) left no-repeat; font-weight: bold; text-decoration: none; font-size: 100%; }
    * html .feedbackpic a { height: 75px; width: 75px;margin-top: 0px; margin-bottom: 0px; color: black; background: url(../images/icon-feedback2-ie.png) left no-repeat; }
    .feedbackpic a:hover { background: url(../images/icon-feedback.png) left no-repeat; color: maroon; }
    * html .feedbackpic a:hover { background: url(../images/icon-feedback-ie.png) left no-repeat; color: maroon; }
    
    .contactpic a { display: inline; padding: 30px 0 22px 75px; color: black; background: url(../images/icon-contact2.png) left no-repeat; font-weight: bold; text-decoration: none; font-size: 100%; }
    * html .contactpic a { height: 75px;width: 75px; margin-top: 0px; margin-bottom: 0px; color: black; background: url(../images/icon-contact2-ie.png) left no-repeat; }
    .contactpic a:hover { background: url(../images/icon-contact.png) left no-repeat; color: maroon; }
    * html .contactpic a:hover { background: url(../images/icon-contact-ie.png) left no-repeat; color: maroon; }
    /** END OF HEADER **/
    
    
    index.html
    
    
    </head>
    
    <body onload="cleanForm(); externalLinks();">
    
    <!--#include virtual="includes/header-hp.htm" -->
    
    
    header-hp.htm
    
    <!-- The header starts here -->
    <div id="Header">
    <a name="top" />
    <div id="hLeft">
    <p class="topNav">
    <a href="#content" accesskey="s" title="Skip Navigation"><img src="images/dot.gif" alt="Click here to skip the site navigation" /></a>
    <span class="hide"> | </span>
    <a href="#" onclick="setActiveStyleSheet('Access'); return false;" title="Click here if you are using a screen reader"><img src="images/dot.gif" alt="If you are using a screen reader please click here" /></a>
    <span class="hide"> | </span>
    <a href="#" onclick="setActiveStyleSheet('Default'); return false;" title="Click here to turn collapsable menu's on"><img src="images/dot.gif" alt="Click here if you want to switch on collapsable menus." /></a>
    <span class="hide"> | </span>
    <a href="html/accessibility.shtml" title="Accessibility features" accesskey="0">Accessibility</a>
    |
    <a href="index.shtml" title="Go to the home page" accesskey="1">Home</a>
    |
    <a href="html/staff.shtml" title="Go to the staff page">Staff</a>
    |
    <a href="#" onclick="window.print();return false;" title="Print this page">Print</a>
    <span class="hide"> | </span>
    </p>
    </div>
    <div id="hRight"><a href="http://www.ulster.ac.uk" title="Visit the University of Ulster's website"><img class="imgLogo" src="images/uu.jpg" alt="Click here to visit the University of Ulster's website" /></a><span class="hide"> - </span></div>
    <div id="hCenter"><a href="index.shtml" title="Visit the UlsterGradNAV home page" accesskey="1"><span class="hide">Visit the home page</span></a></div>
    <div id="printLogo"><p class="img"><img src="images/gradnav-lg.png" alt="" height="64" width="370" /></p></div>
    <div id="navbox">
    <span class="topicspic"><a href="units/topics.shtml" title="For the list of topics" accesskey="2"></a></span><span class="hide"> | </span>
    <span class="resourcepic"><a href="html/resources.shtml" title="For resources" accesskey="4"></a></span><span class="hide"> | </span>
    <span class="subjectpic"><a href="units/subjects.shtml" title="For the list of programmes" accesskey="5"></a></span><span class="hide"> | </span>
    <span class="contactpic"><a href="html/contacts.shtml" title="Contact information" accesskey="9"></a></span>
    <span class="feedbackpic"><a href="html/feedback.shtml" title="Send feedback about the site" accesskey="8"></a></span><span class="hide"> | </span>
    <span class="helppic"><a href="html/help.shtml" title="Tools to help you find your way around the site" accesskey="6"></a></span><span class="hide"> | </span>
    </div>
    </div>
    <!-- The header ends here -->
     
    Last edited by a moderator: Sep 17, 2008
  2. codestorm

    codestorm New Member

    Joined:
    May 20, 2008
    Messages:
    31
    Likes Received:
    0
    Trophy Points:
    0
    Location:
    India
    I guess you'll need to call the CSS file in the head section.
     

Share This Page

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice