Meny funkar ej i IE

7 svar · 719 visningar · startad av Asa 7 okt. 2006

AsaMedlem sedan dec. 20011 860 inlägg

7 okt. 2006 20:53#1

Denna menyn funkar ej i Internet Explorer 6 men funkar fint i Firefox. Någon som kan hjälpa mig så den funkar i alla webbläsare?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Meny</title>
<style type="text/css">
body { 
	SCROLLBAR-BASE-COLOR: #375380; 
	SCROLLBAR-ARROW-COLOR: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8.6pt; 
	color: #FFFFFF; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-left: 0px; 
	margin-bottom: 0px
}
#pmenu, #pmenu ul {
	padding:0; 
	margin:0; 
	list-style-type: none;
}
#pmenu {
	margin-bottom:0em;
	}
#pmenu a, #pmenu a:visited {
	display:block; 
	font-size:10px; 
	color:#fff; 
	height:20px; 
	line-height:20px; 
	text-decoration:none; 
	text-indent:0px; 
	background:#4669A2; 
}
#pmenu li {
	position:relative; 
	float:left;
	font-weight:bold; 
}
#pmenu :hover > a{
	color:#fff;
	text-decoration:underline; 
}
#pmenu li ul {
	display: none;
	padding:4px; 
}
#pmenu :hover > ul {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	display:block; 
	position:absolute; 
	top:0; 
	background: #3D5D8F;
}
#pmenu > :hover > ul {
	left:0; 
	top:20px;
}
</style>
</head>

<body bgcolor="#4669A2">

<table align="center">
	<tr>
		<td>
			<ul id="pmenu">
				<li style="width:75px;"><a href="default.asp"><b>Startsidan</b></a></li>
				<li style="width:75px;"><a href="javascript:void(0);"><b>Om gruvsjo</b></a>
					<ul>
						<li style="width:85px;"><a href="#nogo">Åsa Gruvsjö</a></li>
						<li style="width:85px;"><a href="#nogo">Teckningar</a></li>
						<li style="width:85px;"><a href="#nogo">Historia</a></li>
						<li style="width:85px;"><a href="#nogo">Statistik</a></li>
						<li style="width:85px;"><a href="#nogo">Bannerbyte</a></li>
						<li style="width:85px;"><a href="#nogo">Kontakta</a></li>
					</ul>
				</li>
				<li style="width:102px;"><a href="javascript:void(0);"><b>Webbutveckling</b></a>
					<ul>
					        <li style="width:102px;"><a href="default.asp?cat=web&ucat=1">Html-kurser</a></li>					
					        <li style="width:102px;"><a href="default.asp?cat=web&ucat=2">Css-kurser</a></li>					
					        <li style="width:102px;"><a href="default.asp?cat=web&ucat=3">Asp-kurser</a></li>					
					        <li style="width:102px;"><a href="default.asp?cat=web&ucat=4">Php-kurser</a></li>
					        <li style="width:102px;"><a href="default.asp?cat=web&ucat=5">Photoshop</a></li>					
					</ul>
				</li>
				<li style="width:75px;"><a href="javascript:void(0);"><b>Scriptarkiv</b></a>
					<ul>					
					        <li style="width:85px;"><a href="default.asp?cat=script&ucat=1">Asp-script</a></li>				
					        <li style="width:85px;"><a href="default.asp?cat=script&ucat=2">Php-script</a></li>				
					        <li style="width:85px;"><a href="default.asp?cat=script&ucat=3">Andras script</a></li>				
						<li style="width:85px;"><a href="#nogo">Sök script</a></li>
					</ul>
				</li>
				<li style="width:55px;"><a href="javascript:void(0);"><b>Länkar</b></a>
					<ul>
						<li style="width:115px;"><a href="#nogo">Mina favoriter</a></li>
						<li style="width:115px;"><a href="#nogo">Besökarnas</a></li>
						<li style="width:115px;"><a href="#nogo">Bannerbyte</a></li>
						<li style="width:115px;"><a href="#nogo">Ansök bannerbyte</a></li>
						<li style="width:115px;"><a href="#nogo">Länkvänner</a></li>
					</ul>
				</li>
				<li style="width:90px;"><a href="javascript:void(0);"><b>Underhållning</b></a>
					<ul>
						<li style="width:90px;"><a href="#nogo">Webforum</a></li>
						<li style="width:90px;"><a href="#nogo">Webchat</a></li>
						<li style="width:90px;"><a href="#nogo">Gästbok</a></li>
						<li style="width:90px;"><a href="#nogo">Skämtarkiv</a></li>
						<li style="width:90px;"><a href="#nogo">Skissa o gissa</a></li>
						<li style="width:90px;"><a href="#nogo">Bilder</a></li>
					</ul>
				</li>
				<li style="width:80px;"><a href="javascript:void(0);"><b>Tjänster</b></a>
					<ul>
						<li style="width:100px;"><a href="#nogo">Polltjänsten</a></li>
						<li style="width:100px;"><a href="#nogo">Räknartjänsten</a></li>
					</ul>
				</li>
				<li style="width:80px;"><a href="javascript:void(0);"><b>Layouter</b></a>
					<ul>
						<li style="width:85px;"><a href="#nogo">Vänsterställd</a></li>
						<li style="width:85px;"><a href="#nogo">Högerställd</a></li>
						<li style="width:85px;"><a href="#nogo">Centrerad</a></li>
						<li style="width:85px;"><a href="#nogo">Ladda upp</a></li>
					</ul>
				</li>
			</ul>
		</td>
	</tr>
</table>

</body>
</html>

TroxyMedlem sedan mars 20041 505 inlägg

8 okt. 2006 12:02#2

Internet Explorer 6.0 har bara stöd för hover på a-taggar. Kan dock tillägga att nya 7.0 kommer ha fullt stöd för hover.
Så det blir nog till att koda något fult litet javascript som anropas med onmouse-over för att visa och dölja undermenyerna.

Men varför har du en strict XHTML-doctype när du ändå använder attribut som exempelvis bgcolor och align? Det är inte rätt. Jag förestår att du byter till transitional.

AsaMedlem sedan dec. 20011 860 inlägg

8 okt. 2006 12:19#3

Jag är nybörjare så jag vet inte hur man ska göra. Kan du hjälpa mig med detta?

bossseMedlem sedan juni 2003772 inlägg

8 okt. 2006 16:09#4

Kanske detta?

Tja, du kan ju kolla detta.
Detta är från början en vertikal meny som jag har på en hemsida.
Har nu bara gjort om den till en horizontell meny .
Orkade inte ta bort alla länkar på undermenyerna.
Är det något sådant du önskar?
Funkar i IE, Firefox och Opera.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 

<script type="text/javascript"> 
<!-- 
window.onload=show; 
function show(id) { 
var d = document.getElementById(id); 
for (var i = 1; i<=10; i++) { 
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';} 
} 
if (d) {d.style.display='block';} 
} 
//--> 
</script>
 
<style type="text/css" media="screen"> 
<!-- 
body { 
margin: 0; 
padding: 0; 
background:silver; 

font-family: Helvetica, Geneva, Arial, 
SunSans-Regular, sans-serif; 
font: 15px center; 
letter-spacing: -1.5px; 
} 

dl, dd, ul, li { 
margin: 0; 
padding: 0;
list-style-type: none; 
} 

dt { 
margin: 0; 
padding: 2; 
list-style-type: none; 
line-height: normal; 
line-width: 65px; 
position: relative; 
} 

#menu { 
position: absolute; /* Menu position that can be changed at will */ 
top: 2px; 
left: 0; 
z-index:100; 
width: 100%; /* precision for Opera */ 
} 

#menu dl { 
float: left; 
margin:0 1px; 
} 

#menu dt { 
cursor: pointer; 
text-align: center; 
font-sizet:14pt;
font-weight: bold; 
border: 0px; 
margin: 0px;
padding:0px; 
width:90px; 
height:20px; 
background-color:yellow} 

#menu dt a:hover {background-color:silver; color:blue} 

#menu dt a:active {background-color:gray}  

#menu dd { 
border: 1px solid gray; 
position: absolute; top:25px;
font-weight: bold; 
font-size:11pt;
color:blue;
} 

#menu li { 
text-align: left; 
background: #d6d9bd; 
width: 140px; 

} 
#menu li a, #menu dt a { 
color: #000; 
text-decoration: none; 
display: block; 
height: 100%; 
border: 0 none;
} 
#menu li a:hover, #menu li a:focus, #menu dt a:focus { 
background: #eee; font-size:11pt;color:blue;
} 
--> 
</style> 
</head> 

<body> 
<div id="menu"> 
<dl> 
<dt onmouseover="javascript :show('smenu1');">Startsidan</dt> 
<dd id="smenu1">
<ul>
<li><a href=http://www.campus-roslagen.se>Campus Roslagen</a></li>
	<li><a href=http://www.roslagen.com>Roslagen.com</a></li>
	<li><a href=http://www.roslagen.se>Roslagen.se </a></li>
	<li><a href=http://www.historia.su.se/urbanhistory/cybcity/stad/norrtalje/historia.htm>Norrtäljes historia</a></li>
	<li><a href=http://web.telia.com/~u17502258/roslagen.html>Roslagens historia</a></li>
	<li><a href=http://www.norrtalje.se>Norrtälje kommun</a></li>
	</ul>
</dd> 
</dl>
<dl>
<dt onmouseover="javascript :show('smenu2');">Om  gruvsjö</dt> 
<dd id="smenu2"> 
<ul> 
<li><a href=http://www.norrtaljesportcentrum.se>Sport-Centrum </a></li>
	<li><a href=http://www.ntc.nu/ntcweb/go.php>Norrtälje Träningcenter</a></li>
	<li><a href=http://www.friskis.nu>Friskis och Svettis</a></li>
	<li><a href=http://nebk.port5.com>Biljard-klubben</a></li>
	<li><a href=http://www.norrtaljebowling.nu>Bowling-klubben</a></li>
	</ul> 
</dd> 
</dl> 
<dl> 
<dt onmouseover="javascript :show('smenu3');">Webutveckling</dt> 
<dd id="smenu3"> 
<ul> 
<li><a href=http://www.norrtaljefotoklubb.se>Foto-klubben</a></li>
	<li><a href=http://www.roslagen.com/penseldraget>Pensel-draget</a></li>
	<li><a href=konst.htm>Konstutställning</a></li>
	<li><a href=http://www.norrtaljeblues.se>Blues-sällskapet</a></li>
	<li><a href=http://www.norrteljejazzclub.se>Jazz-klubben</a></li> 
</ul> 
</dd> 
</dl> 
<dl> 
<dt onmouseover="javascript :show('smenu4');">Scriptarkiv</dt> 
<dd id="smenu4"> 
<ul> 
<li><a href=http://www2.arholma.nu/algonet/algonet2/index.html>Arholma</a></li>
	<li><a href=http://www.blidobygden.nu>Blidö</a></li>
	<li><a href=http://www.fejan.se>Fejan</a></li>
	<li><a href=http://www.osteraker.se/ljustero/ljustero.html>Ljusterö</a></li>
	<li><a href=http://www.norrora.nu/Ramar/startramen.html>Norröra</a></li>
	<li><a href=http://www.rodlogaboden.se/start.html>Rödlöga</a></li>
	</ul> 
</dd> 
</dl> 
<dl> 
<dt onmouseover="javascript :show('smenu5');">Länkar</dt> 
<dd id="smenu5"> 
<ul> 
<li><a href=http://www.norrteljebrenneri.se/start.htm>Norrtälje Bränneri</a></li>
	<li><a href=http://www.vaddogardsmejeri.se>Väddö Gårdsmejeri</a></li>
	<li><a href=http://www.bergstugan.net>Bergsstugan</a></li>
	<li><a href=http://www.ssnorrtelje.se/meny.html>S/S Norrtelje</a></li>
	<li><a href=http://www.norrmalma.se>Norr Malma Gård</a></li>
	<li><a href=http://www.hagstagard.se>Hagsta Gård</a></li>
	</ul> 
</dd> 
</dl> 
<dl> 
<dt onmouseover="javascript :show('smenu6');">Underhållning</dt> 
<dd id="smenu6"> 
<ul> 
<li><a href=http://www.eckerolinjen.fi/sv/default.asp>Eckerölinjen - Grisslehamn</a></li>
	<li><a href=http://www.vikingline.aland.fi/braattveta/hamninformation/hamninformation/kapellskar.asp>Viking Line - Kapellskär</a></li>
	<li><a href=http://www.n-ss.nu>Norrtälje Segelsällskap</a></li>
	<li><a href=http://www.blidosundsbolaget.se/>Blidösund</a></li>
	<li><a href=http://www.anderswahlstrom.net/postrodd/index.htm>Postrodden</a></li>
	<li><a href=http://home.swipnet.se/gojac/FVB/nytt/viksbaten.html>Viksbåten</a></li>
</ul> 
</dd> 
</dl> 
<dl> 
<dt onmouseover="javascript :show('smenu7');">Tjänster</dt> 
<dd id="smenu7"> 
<ul>
<li><a href=http://www.anderswahlstrom.net/svartklubben/index.htm >Svartklubbens fyr</a></li>
	<li><a href=http://www.anderswahlstrom.net/understen/index.htm>Understens fyr</a> </li>
	<li><a href=http://www.anderswahlstrom.net/fyrar/orskar.htm>Örskärs fyr</a></li>
	<li><a href=http://www.anderswahlstrom.net/fyrar/index.htm>Övriga fyrar</a></li>
</ul> 
</dd> 
</dl> 
<dl> 
<dt onmouseover="javascript :show('smenu8');">Layouter</dt> 
<dd id="smenu8"> 
<ul> 
	<li><a href=http://www.rurik.nu>Rurik, Skoldatanätet</a></li>
	<li><a href=http://www.lv3.se/mus/index.html>LV 3 Museet </a></li>
	<li><a href=http://www.roslagsbo.se>Roslagsbostäder</a></li>
	<li><a href=http://www.roslagsmuseet.se>Roslagsmuseet</a></li>
	<li><a href=http://www.pythagorasmuseum.se>Pythagoras</a></li>
</ul> 
</dd> 
</dl> 
<dl> 
<dt onmouseover="javascript :show('smenu9');">Visa alla</dt> 
<dd id="smenu9"> 
<ul> 
<li><span class=meny2>Roslagen, Norrtälje</span></li>
	<li><a href=http://www.campus-roslagen.se/> Campus Roslagen </a></li>
	<li><a href=http://www.roslagen.com>Roslagen.com</a></li>
	<li><a href=http://www.roslagen.se>Roslagen.se </a></li>
	<li><a href=http://www.historia.su.se/urbanhistory/cybcity/stad/norrtalje/historia.htm>Norrtäljes historia</a></li>
	<li><a href=http://web.telia.com/~u17502258/roslagen.html>Roslagens historia</a></li>
	<li><a href=http://www.norrtalje.se>Norrtälje kommun</a></li>
	

<li><span class=meny2>Sport och Fritid</span></li>
	<li><a href=http://www.norrtaljesportcentrum.se>Sport-Centrum </a></li>
	<li><a href=http://www.ntc.nu/ntcweb/go.php>Norrtälje Träningcenter</a></li>
	<li><a href=http://www.friskis.nu>Friskis och Svettis</a></li>
	<li><a href=http://nebk.port5.com>Biljard-klubben</a></li>
	<li><a href=http://www.norrtaljebowling.nu>Bowling-klubben</a></li>
	
<li><span class=meny2>Foto, Konst, Musik</span></li>
	<li><a href=http://www.norrtaljefotoklubb.se>Foto-klubben</a></li>
	<li><a href=http://www.roslagen.com/penseldraget>Pensel-draget</a></li>
	<li><a href=konst.htm>Konstutställning</a></li>
	<li><a href=http://www.norrtaljeblues.se>Blues-sällskapet</a></li>
	<li><a href=http://www.norrteljejazzclub.se>Jazz-klubben</a></li>
<li><span class=meny2>Öar i Roslagen</span></li>
	<li><a href=http://www2.arholma.nu/algonet/algonet2/index.html>Arholma</a></li>
	<li><a href=http://www.blidobygden.nu>Blidö</a></li>
	<li><a href=http://www.fejan.se>Fejan</a></li>
	<li><a href=http://www.osteraker.se/ljustero/ljustero.html>Ljusterö</a></li>
	<li><a href=http://www.norrora.nu/Ramar/startramen.html>Norröra</a></li>
<li><span class=meny2>Gott och Blandat</span></li>	
	<li><a href=http://www.norrteljebrenneri.se/start.htm>Norrtälje Bränneri</a></li>
	<li><a href=http://www.vaddogardsmejeri.se>Väddö Gårdsmejeri</a></li>
	<li><a href=http://www.bergstugan.net>Bergsstugan</a></li>
	<li><a href=http://www.ssnorrtelje.se/meny.html>S/S Norrtelje</a></li>
	<li><a href=http://www.norrmalma.se>Norr Malma Gård</a></li>
<li><span class=meny2>Stora och små båtar</span></li>	
	<li><a href=http://www.eckerolinjen.fi/sv/default.asp>Eckerölinjen - Grisslehamn</a></li>
	<li><a href=http://www.vikingline.aland.fi/braattveta/hamninformation/hamninformation/kapellskar.asp>Viking Line - Kapellskär</a></li>
	<li><a href=http://www.n-ss.nu>Norrtälje Segelsällskap</a></li>
	<li><a href=http://www.blidosundsbolaget.se/>Blidösund</a></li>
	<li><a href=http://www.anderswahlstrom.net/postrodd/index.htm>Postrodden</a></li>
	<li><a href=http://home.swipnet.se/gojac/FVB/nytt/viksbaten.html>Viksbåten</a></li>
<li><span class=meny2>Fyrar i Roslagen</span></li>
	<li><a href=http://www.anderswahlstrom.net/svartklubben/index.htm >Svartklubbens fyr</a></li>
	<li><a href=http://www.anderswahlstrom.net/understen/index.htm>Understens fyr</a> </li>
	<li><a href=http://www.anderswahlstrom.net/fyrar/orskar.htm>Örskärs fyr</a></li>
	<li><a href=http://www.anderswahlstrom.net/fyrar/index.htm>Övriga fyrar</a></li>
<li><span class=meny2>Övrigt Norrtälje</span></li>
	<li><a href=http://www.rurik.nu>Rurik, Skoldatanätet</a></li>
	<li><a href=http://www.lv3.se/mus/index.html>LV 3 Museet </a></li>
	<li><a href=http://www.roslagsbo.se>Roslagsbostäder</a></li>
	<li><a href=http://www.roslagsmuseet.se>Roslagsmuseet</a></li>
	<li><a href=http://www.pythagorasmuseum.se>Pythagoras</a></li>
</ul> 
</dd>
</dl>
<dl>
<dt onmouseover="javascript :show('smenu0');">stäng alla</dt> 
<dd id="smenu0">
</div> 
</body> 
</html>

AsaMedlem sedan dec. 20011 860 inlägg

8 okt. 2006 16:16#5

Tackar så hemskt mycket :) Verkar funkar bra

AsaMedlem sedan dec. 20011 860 inlägg

8 okt. 2006 16:25#6

Nästan perfekt. Måste till att om man för musen utanför skall menyn stängas.

bossseMedlem sedan juni 2003772 inlägg

8 okt. 2006 18:20#7

Lägg till detta på varje undermeny
<dt id=close onmouseover="javascript :show('smenu0');"></dt>

Första undermenyn kommer då att se ut som nedan

<dd id="smenu1">
<ul>
<li><a href=http://www.campus-roslagen.se>Campus Roslagen</a></li>
<li><a href=http://www.roslagen.com>Roslagen.com</a></li>
<li><a href=http://www.roslagen.se>Roslagen.se </a></li>
<li><a href=http://www.historia.su.se/urbanhistory/cybcity/stad/norrtalje/historia.htm\>Norrtäljes historia</a></li>
<li><a href=http://web.telia.com/\~u17502258/roslagen.html\>Roslagens historia</a></li>
<li><a href=http://www.norrtalje.se>Norrtälje kommun</a></li>
<dt id=close onmouseover="javascript :show('smenu0');"></dt>
</ul>
</dd>

Ta också bort background-color:yellow som finns i #menu dt

Vet inte om det var så du menade

bossseMedlem sedan juni 2003772 inlägg

8 okt. 2006 18:23#8

Lägg till detta på varje undermeny

<dt id=close onmouseover="javascript :show('smenu0');"></dt>

Första undermenyn kommer då att se ut som nedan

<dd id="smenu1">
<ul>
<li><a href=http://www.campus-roslagen.se>Campus Roslagen</a></li>
<li><a href=http://www.roslagen.com>Roslagen.com</a></li>
<li><a href=http://www.roslagen.se>Roslagen.se </a></li>
<li><a href=http://www.historia.su.se/urbanhistory/cybcity/stad/norrtalje/historia.htm>Norrtäljes historia</a></li>
<li><a href=http://web.telia.com/~u17502258/roslagen.html>Roslagens historia</a></li>
<li><a href=http://www.norrtalje.se>Norrtälje kommun</a></li>
<dt id=close onmouseover="javascript :show('smenu0');"></dt>
</ul>
</dd>

Ta också bort background-color:yellow som finns i #menu dt

Vet inte om det var så du menade