Gå til innhold

ekspanderende CSS meny

smurfelin

Anbefalte innlegg

smurfelin

smurfelin

Skrevet
Skrevet

Hei. Jeg strever veldig med å få den ekspanderende venstremeny til å virke. Kan noen hjelpe? Underlinkene skal lukkes når man klikker på neste link (og da skal neste undermeny ekspandere). Har nok gjort noe feil her, men finner ikke ut hva... :no:

 

Indexfilen:

 

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

 

<head>

<title>Tittel</title>

<link rel="stylesheet" type="text/css" href="screen.css" media="screen" />

 

</head>

<body link="white">

 

<div id="body">

 

<div id="header"><h1></h1></div>

<div id="nav"><!-- START -->

<ul id="sw-nav">

<li><a id="Home" href="index.html">home</a></li>

<li><a id="company"><a href="company.html">company</a>

<ul>

<li><a href="business.html">business segments</a></li>

<li><a href="organisation.html">organisation</a>

</ul>

</li>

<li><a id="history" href="history.html">history</a>

<ul>

<li><a href="offshore.html">offshore</a></li>

<li><a href="fishery.html">fishery</a>

</ul>

</li>

<li><a id="fleet" href="fleet.html">fleet</a>

<ul>

<li><a href="offshore.html">offshore</a></li>

<li><a href="purseseiner.html">purse seiner</a>

<li><a href="newbuilding.html">newbuilding / conversion</a>

</ul>

 

<li><a id="organisation" href="organisation.html">qhse</a></li>

<li><a id="career" href="career.html">career</a></li>

<li><a id="purchase" href="purchase.html">purchase</a></li>

<li><a id="charterers" href="charterers.html">charterer´s</a></li></ul>

 

<!-- SLUTT -->

 

</div>

<div id="content">

 

</div>

<div id="footer"><address><i></a></i></address></div>

</div>

 

</body>

 

</html>

 

CSS filen:

 

body #page #heads #content #nav h1 h2 p { margin: 0; padding: 0 }

body { background: white; padding: 2% 10%; position: absolute }

#body { background: white; margin: 0; padding: 0; bottom: 400px; width: 800px; height: auto; border: solid 1px #036 }

h1 { background: url(heading.jpg) no-repeat; margin: 0; padding: 0; height: 201px }

h2{

color: #444444;

}

#content { font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 0 20px 0 35px; bottom: 100px; height: 100%; overflow: auto; border-style: none none solid solid; border-width: medium medium medium 1px; border-color: white white white #036 }

#content h2 { color: #f93; font: 23px CSS_PROPERTY_UNDEF; padding: 0 0 0 10px }

#content h3 { color: #333333; font: 14px CSS_PROPERTY_UNDEF; padding: 0 }

#content h4{

color:#333333;

padding: 0px 0px 0px 0px;

margin: 0;

font:Arial;

font-size: 14px;

}

#content p{

padding: 0px 0px 0px 10px;

font-size: 12px;

}

#content table tr{

padding: 0px;

margin: 0;

}

#content table tr td{

padding: 5px 0px 2px 0px;

margin: 0;

}

#body #nav ul li a#name { color: #ffffff; font-size: 34px; font-family: Arial; font-weight: bold }

#footer { color: white; font-size: 10px; font-family: Arial, Helvetica, sans-serif; background-image: url(bg.gif); text-align: center; padding: 7px 0 7px 0 }

#footer a { color: white; font-size: 10px; font-family: Arial; text-decoration: none }

#sw-nav { list-style: none; display: block; margin-left: 0; padding-left: 20px; width: 150px; height: 200px; float: left }

 

#sw-nav li { background-image: url(menu-arrow.gif); background-repeat: no-repeat; background-position: 0 0; padding-left: 10px }

#sw-nav ul {

list-style: none;

margin-left: 0px;

padding-left: 0;

}

#sw-nav a { color: #000; font-size: 12px; font-family: Arial; line-height: 14px; text-decoration: none }

#sw-nav a:visited { color: #000; font-size: 12px; font-family: Arial }

#sw-nav a:hover { color: #f93; font-size: 12px; font-family: Arial }

#sw-nav a:active { font-size: 12px; font-family: Arial }

Lenke til kommentar

Videoannonse

Videoannonse
Annonse

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...