Avatar billede ljunggren1 Nybegynder
03. november 2007 - 10:44 Der er 1 kommentar og
1 løsning

Menu i CSS

Hej
Er der nogen der ved hvordan man laver en menu som den der er her: www.lejre.dk?

Jeg har noget der ligner, men jeg kan ikke få det rettet til så layoutet er som på nævnte website...

<!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="da" lang="da">
<head>
  <title>Webdesign 101 Demoside</title>
  <meta name="robots" content="none" />
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <style type="text/css" media="screen">
  @import url(commonpage.css);
  body {behavior: url(/www/cssmenu/dropdownmenu/csshover.htc);}
  div#leftcol ul {
    font-family:arial,sans-serif;
    margin: 0; padding: 0;
    width: 11em;
    background: black;
    border-width: 0px 0px 0 0px;
    border-style: solid;
    border-color:#257;}
  div#leftcol li {
    position: relative;
    list-style: none;
    margin: 0;
    border-bottom: 0px solid #257; }
  div#leftcol li:hover {background-color: #aaf;}
  div#leftcol li.sub {
    background-image:url(rarrow.gif);
    background-position:right center;
    background-repeat:no-repeat;
  }
  div#leftcol li a {display: block; padding: 0.25em 0 0.25em 0.5em;
    text-decoration: none; width:10.5em;}
  div#leftcol>ul a {width: auto;}
  div#leftcol ul ul {position: absolute; top: -1px; left: 11em;
  display:none;
  }
  div#leftcol ul.niveau1 li.sub:hover ul.niveau2,
  div#leftcol ul.niveau2 li.sub:hover ul.niveau3 {display:block;}

  </style>
</head>

<body>
<div id="page">
<div id="banner">
&nbsp;</div>
<div id="leftcol">
    <ul class="niveau1">
    <li class="sub"><a href="[url]">Introduktion</a>
          <ul class="niveau2">
            <li><a href="[url]">Historie</a></li>
        <li><a href="[url]">Matematikken</a></li>
        <li><a href="[url]">Fysikken</a></li>
        <li><a href="[url]">Rumfart</a></li>
          </ul>
    </li>
<li class="sub"><a href="[url]">Indre planeter</a>
    <ul class="niveau2">
    <li><a href="[url]">Merkur</a></li>
    <li><a href="[url]">Venus</a></li>
    <li><a href="[url]">Jorden</a></li>
    <li class="sub"><a href="[url]">Mars</a>

      <ul class="niveau3">
      <li><a href="[url]">Astronomiske data</a></li>
      <li><a href="[url]">Måner</a></li>
      <li><a href="[url]">Atmosfære</a></li>
      <li><a href="[url]">Topologi</a></li>
      </ul>

      </li>
</ul></li>
<li><a href="[url]">Asteroiderne</a></li>
<li class="sub"><a href="[url]">Ydre planeter</a>
    <ul class="niveau2">
    <li><a href="[url]">Jupiter</a></li>
    <li><a href="[url]">Saturn</a></li>
    <li><a href="[url]">Uranus</a></li>
    <li><a href="[url]">Neptun</a></li>
    <li><a href="[url]">Pluto</a></li>
    </ul></li>
<li><a href="[url]">Kometskyen</a></li>
</ul>

</div>
<div id="rightcol">
<pre>

</pre>
</div>
</div>
</body>
</html>
Avatar billede tjacob Juniormester
03. november 2007 - 15:18 #1
Du er vist kommet i den forkerte kategori. Denne handler om programmering på MS' .NET platform. Du skal nok lukke spm. her og så oprette det i enten HTML_kategorien: http://www.eksperten.dk/spm/Programmering/DHTML/

Eller i CSS-kategorien: http://www.eksperten.dk/spm/Programmering/DHTML/CSS/
Avatar billede ljunggren1 Nybegynder
04. november 2007 - 13:45 #2
Øv - ja det kan jeg godt se nu:
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester