October 13, 2005
![sp_UserOfflineSmall](https://nordichardware.se/wp-content/sp-resources/forum-themes/reboot/images/darkpack/sp_UserOfflineSmall.png)
Jag hittade den här tutorial'en och behöver lite hjälp för att få det att funka i IE.
Jag har kommit till slutet och det rulla fint i Firefox, men icke i IE for mac 5.2.
Som ni kommer att märka är jag glad amatör på CSS-kod. =)
Ett par frågor:
-Ligger Java-scriptet på rätt ställe?
-Kan CSS skrivas in i HTML-dokumentet istället eller ska det alltid ligga i basic.css eller andra externa .css-dokument??
Tacksam för hjälp för att få det att rulla i IE!
MVH, Henrik
Här är HTML-koden:
<!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">
<script>startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace»
(" over", "");
}
}
}
}
}
window.onload=startList;</script>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Namnlös sida</title>
<link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<ul id="nav">
[*]Home
[*]About
<ul>
[*]History
[*]Team
[*]Offices
[/list]
[*]Services
<ul>
[*]Web Design
[*]<a href="#">Internet
Marketing</a>
[*]Hosting
[*]Domain Names
[*]Broadband
[/list]
[*]Contact Us
<ul>
[*]United Kingdom
[*]France
[*]USA
[*]Australia
[/list]
[/list]
</body>
</html>
..och här är CSS-koden i basic.css (jag antar att det är där css-koden ska läggas??)
body { font-size: 10pt; font-family: helvetica; }
p { }
td { }
a:link { }
a:visited { }
a:hover { }
a:active { }
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #ccc;
}
ul li {
position: relative;
}
li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}
ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
/* Fix IE. Hide from IE Mac */
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
li:hover ul, li.over ul {
display: block; }
October 23, 2001
![sp_UserOfflineSmall](https://nordichardware.se/wp-content/sp-resources/forum-themes/reboot/images/darkpack/sp_UserOfflineSmall.png)
Det enda råd jag kan ge dig är att använda Suckerfish dropdown:
http://www.htmldog.com/article.....dropdowns/
Lösningen är redan testad i de flesta webbläsare, men jag vet inte om den funkar i IE för mac.
Har använt den själv med mycket lyckat resultat!
1 Guest(s)
![sp_Information](https://nordichardware.se/wp-content/sp-resources/forum-themes/reboot/images/darkpack/sp_Information.png)