Log In
Home
October 13, 2005
Offline
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
Offline
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!
December 25, 2000
Offline
Alistaparts borde också fungera, du har säkert ett stavfel någonstans eller något och jag hittar inte det.
October 13, 2005
Offline
Jag har kopierat koden från sidan, vilket borde medföra att den är rättstavad, eller?
Jag kan dessväre ingen Java alls, och det kanske är just där skon klämmer? Att Javan är fel alltså.
MVH, Henrik
December 25, 2000
Offline
Java är något helt annat, Javascript (som används i detta fall) och Java har trots likheterna i namnet absolut inget att göra med varandra.
Jag återkommer med mera information om varför det inte fungerar imorgon förhoppningsvis.
1 Guest(s)
