Log in

View Full Version : Nav Bar trouble in IE but FF is fine


mrbubbuls
05-01-2008, 04:18 PM
Ya doing a school portfolio, and after adjusting some sizes/positiosn my nav bar stopped functoning in IE< (does not work as roll over or a link just appears as image). here is a link: http://pdhtdev.johnabbott.qc.ca/students/2010/andrew_shulman/index.htm

and all the files associated can be found here: http://pdhtdev.johnabbott.qc.ca/students/2010/andrew_shulman/

if any one can figure out why and maybe give me a little help it woudl be greatly appreciated, and ont he side the nav bars background chages to the wrogn color in IE, but is proper shade of grey in FF, any suggestiosn there too would be great.

Thanks in advanced, MR.B
Medyman
05-01-2008, 05:22 PM
I suspect your problems are with your javascript. Because you're not really controlling much of the menu with CSS.

I suggest that you actually switch to a CSS menu. That way people with javascript turned off can still navigate through your site.
rangana
05-02-2008, 12:50 AM
....You might find this codes useful for your change ;)


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{spacing:0;padding:0;}
#right {
width: 260px;
padding: 0px;
border: 3px solid #211E08;
text-align:center;
}
ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

li {
padding: 0px;
width: 150px;
text-align: center;
margin:auto;
}

#right a {
width: 150px;
display: block;
background: #666;
color: #efefff;
font: 12pt Tahoma, Arial;
text-decoration: none;
padding: 0px;
line-height:35px;
}

#right a:hover, a.active{
color: #fff;
border-left: 12px solid #ccc;
}
</style>
<title>My Page</title>
</head>
<body>
<div id="right">
<h3>Menus</h3>
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Experience</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Sample Work</a></li>
</ul>
<br/>
</div>
</body>
</html>