Navigation "verschiebung" - eventuelle Alternative ?

AukeArts · 20.10.2011

Guten Abend zusammen. Ich bin mal wieder am werkeln. Ich möchte eine Navigation erstellen. Soweit klappt alles ganz normal, jedoch bin ich jetzt bei einem kleinen Problem.

Ich möchte eine Navigation erstellen, welche sich bewegt. Soll heißen, beim aktivieren einer Schaltfläche sollen die unteren Punkte sich nach unten verschieben. Ist sowas möglich - mit CSS ? Oder muss ich da doch auf Java zurückgreifen ?

Hier habt ihr einmal einen kleinen Eindruck von dem, was ich meine.

AukeArts

Herr_D · 20.10.2011

HTML:

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

<head>
        <title></title>
        <meta name="author" content="Dein Name">
        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
        <link href="style.css" type="text/css" rel="stylesheet">
<style type="text/css">
<!--

ul li.ebene-one  ul {
        visibility:hidden;
        display:none;

        }

ul li.ebene-one:hover ul {
        visibility:visible;
        display:block;}

-->
</style>

</head>
<body>
<ul>
        <li class="ebene-one">Klick I
                  <ul class="ebene-two">
                          <li>Klick II</li>
                          <li>Klick II</li>
                  </ul></li>
        <li>Klick I</li>
        <li>Klick I</li>
        <li>Klick I</li>

</ul>

</body>
</html>

Andere Formatierungen hab ich jetzt mal rausgelassen...

dein CSS angepasst:

Code:

  #navigation ul li ul {
        width:150px;
        visibility:hidden;
        display:none;
  }

  #navigation ul li:hover ul {
       visibility:visible;
       display:block;
}

AukeArts · 21.10.2011

AW: Navigation "verschiebung" - eventuelle Alternative ?

Dankeschön - swoeit hat alles geklappt.
Die Lösung ist eig. relativ einfach, hätte ich auch selber drauf kommen können

AukeArts