Go4Expert

Go4Expert (http://www.go4expert.com/)
-   Web Design, HTML And CSS Forums (http://www.go4expert.com/forums/web-design-forum/)
-   -   Help Please! (http://www.go4expert.com/forums/help-please-t13975/)

johnnyblack316 17Sep2008 14:11

Help Please!
 
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 -->


codestorm 18Sep2008 17:10

Re: Help Please!
 
I guess you'll need to call the CSS file in the head section.


All times are GMT +5.5. The time now is 07:55.