Forum Moderators: not2easy

Message Too Old, No Replies

Links not working in IE

         

leabdea

1:11 am on Sep 23, 2008 (gmt 0)

10+ Year Member



Hi there, I was wondering if someone could suggest a way to make these links work in IE.

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
...

<div class="titlewrapper"> <img src="header.jpg" width="835" height="150"></div>
<div id="container">
<div class="wrapper">
<div id="content">
<div id="menu">
<br>
<ul>
<li><a href="http://www.?.com.au">Home</a></li>
<li><a href="http://www.?.com.au/about.htm">About Us</a></li>
<li><a href="http://www.?.com.au/enrolment.htm">Enrolment</a></li>
<li><a href="http://www.?.com.au/forms.htm">Forms</a></li>
<li><a href="http://www.?.com.au/staff.htm">Staff</a></li>
<li><a href="http://www.?.com.au/calendar.htm">What's On</a></li>
<li><a href="http://www.?.com.au/resources.htm">To Help My Child</a></li>
<li><a href="http://www.?.com.au/contactus.htm">Contact Us</a></li>

</ul>
</div>

________________________________________

CSS Code:

#container {
text-align: left;
}

.wrapper {
width:694px;
margin: 0 auto;
padding:0;
background: url(left_border.jpg) repeat-y;
}

.titlewrapper {
text-align: center;
width:100%;
margin: 0 auto;
background-color: #00F;
}

#content {width:694px;
margin: 0 0 0 5px;
padding: 0 0 20px;
background: url(bottom_border.jpg) bottom repeat-x;
}

#menu {
height:20px;
}

#menu ul {
list-style-type: none;
height: 1%;
margin: 0;
padding: 0;
text-align: center;
}
#menu ul li {
display: inline;
margin: 0;
}
#menu ul li a {
padding: 0 10px;
color: #00F;
font-size: 1.1em;
text-decoration: none;
}
#menu ul li a:link{color:#00F}
#menu ul li a:visited{color:#00F}
#menu ul li a:hover{color:#F00}
#menu ul li a:active{color:#FF0}

I think it's something to do with the menu id CSS. Thanks in advance!

Marshall

5:32 am on Sep 23, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Hi leabdea and welcome to WebmasterWorld.

What is it about the links that is not working?

Marshall

leabdea

8:56 pm on Sep 23, 2008 (gmt 0)

10+ Year Member



They work in all the browswers I have tried - except IE.

In IE, they don't behave as links. The text colour doesn't change on mouse over and when you click them nothing happens.

cheers,
Lea

swa66

9:23 pm on Sep 23, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Which version of IE ?

leabdea

6:17 am on Sep 24, 2008 (gmt 0)

10+ Year Member



version 7 is the one I have tested it with

DaveLite

1:00 pm on Sep 24, 2008 (gmt 0)

10+ Year Member



I've found that IE likes the a:, a:hover and a:visited in the header instead of the linked CSS.

leabdea

12:37 am on Sep 25, 2008 (gmt 0)

10+ Year Member



I figured it out and it's all good.

It seemed that IE did not like the nested div's with links, so I removed the #menu div and put the CSS for the links into the #content div. And now IE recognises the links.

Thanks for your suggestions. Very much appreciated.

Cheers,
Lea