3 replies [Last post]
johnyboy
Offline
Enthusiast
Last seen: 14 years 6 days ago
Joined: 2006-03-16
Posts: 80
Points: 0

hello,

i've done two separate horizontal menus each based on unordered lists. (the second menu acts as a sub menu to the first). it's working fine for me in an old version of safari, but i'm willing to bet a large sum of money blindly that it doesn't work fine in ie5 or 6. can anyone confirm one way or the other please? and if it doesn't work what could be done to make it ok?

the web page of it: http://www.hdbatik.co.uk/submenutest/twomenus1.html

how it should look roughly:

<!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" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>2 separate menus - both unordered lists</title>
	<style type="text/css">
	
	/* menus */
	#nav ul {
		list-style: none;
		clear: both;
		white-space: nowrap;
		float: left;
		width: 90%;
		margin: 0 0 5px 0;
		padding: 0;
	}
	#nav li {
		font-size: x-small;
		font-family: sans-serif;
		float: left;
		
	}
	#nav li a, #nav li p {
		text-decoration: none;
		color: #000;
		border: 1px solid #999;
		padding: 2px 5px 2px 5px;
		margin: 0px 3px 3px 0;
		display:block;
	}
	/* main menu */
	#nav ul#main {
		width: auto;
	}
	#nav #main li a {
		background: #ddf;
	}
	#nav #main li a:hover {
		background: #cce;
	}
	
	/* selected item*/
	#nav #main .selected a {
		background: #fff;
	}
	#nav #main .selected a {
		border: 1px solid #999;
	}
	#nav #main .selected a:hover {
		background: #eee;
	}
	
	/* sub menu */
	#nav li a:hover {
		background: #eee;
	}
	
	/* on this page selected */
	#nav .selected p, #nav #main .mainselected p {
		border: 1px solid #009;
		background: #009;
	}
	#nav ul li.selected p, #nav #main .mainselected p {
		color:#fff;
	}
	#nav li a.selected:hover {
		/* background: #eee; */
		background: #009;
	}
	
	
	</style>
</head>
<body>
<br /><br /><br />

<div id="nav">
<ul id="main">
	<li><a href="#">aaaaa</a></li>
	<li class="selected"><a href="#">bbbbbbbbb</a></li>
	<li><a href="#">cccccc</a></li>
	<li><a href="#">dddd dddddddddddddd</a></li>
	<li><a href="#">eeeeeeeeee</a></li>
	<li><a href="#">fffffffffff</a></li>
	<li><a href="#">gggggggggggggggg</a></li>
	<li><a href="#">hhhhhhhhh hhhhhhhhhh</a></li>
	<li><a href="#">iiiiiiiiiiii</a></li>
</ul>
<ul>
	<li class="selected"><p>11111111111111</p></li>
	<li><a href="#">222222 2222222222</a></li>
</ul>
</div>

</body>
</html>

and this is the same css but slightly different html (so a different page):
http://www.hdbatik.co.uk/submenutest/twomenus1b.html

also a side, non css, question: i had an image linked to from a web page using an img tag. the image had this name: DSCF1507-crop2.jpg and just wouldn't appear in the web page. i changed the image file name and the name in the html file to testbanner.jpg and it appeared. i though a hyphen was ok in file names? or was DSCF1507-crop2.jpg too long? why didn't that work, or is the answer to that too dependent on the server's settings?

thanks Smile

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 8 weeks 8 hours ago
Joined: 2004-06-30
Posts: 9674
Points: 810

2 separate ul based horizontal menus -- ok in ie 5 and 6?

Hyphens should be fine, but Linux servers are very picky about LetTerS - are you sure you got the filename EXACTLY right? Even the .jpg or .JPG at the end makes a difference.

Verschwindende wrote:
  • CSS doesn't make pies

johnyboy
Offline
Enthusiast
Last seen: 14 years 6 days ago
Joined: 2006-03-16
Posts: 80
Points: 0

2 separate ul based horizontal menus -- ok in ie 5 and 6?

thepineapplehead wrote:
Hyphens should be fine, but Linux servers are very picky about LetTerS - are you sure you got the filename EXACTLY right? Even the .jpg or .JPG at the end makes a difference.

the system is FreeBSD 4.9 and yes i got the filename exact -- copied and pasted it. oh well not a major problem -- i was just curious. thanks.

johnyboy
Offline
Enthusiast
Last seen: 14 years 6 days ago
Joined: 2006-03-16
Posts: 80
Points: 0

2 separate ul based horizontal menus -- ok in ie 5 and 6?

could anyone confirm if there are problems with the way they display in ie 5 and/or ie 6 please? would be very helpful to me just to know if there are problems or not. thanks.