Navigation mit Untermenü

berta · 18.08.2009

Hallo,

wie erstelle ich im CSS sheet eine Navigation mit Untermenü:

mir geht es hauptsächlich um das Untermenü

am ende soll es dann so ausschauen.

Information
Gesundheit
Erziehung

Gesundheit und Erzhiehung ist das Untermenü.
kann mir bitte jemand helfen.
danke
berta

Tattoomaus78 · 18.08.2009

AW: Navigation mit Untermenü

hallöle,

klick dich hier mal durch oder hier Multilevel Drop Down Navigation Menus: Examples and Tutorials oder hier

Lobster1956 · 18.08.2009

AW: Navigation mit Untermenü

im css erstellst gar nichts
dein Menü sollte als Liste aufgebaut sein

Code:

<ul>
  <li>erster Punkt</li>
  <li>zweiter Punkt
    <ul>
      <li>erster Unterpunkt</li>
      <li>zweiter Unterpunkt</li>
      <li>dritter Unterpunkt</li>
    </ul>
  </li>
  <li>dritter Punkt</li>
</ul>

im css stylest du deine gesamte Liste mit
ul {...}
die Liste der zweiten Ebene mit
ul ul {...}
die listenelemente der Hauptebene
mit
li {...}
die der zweiten ebene mit
li li {...}
oder du vergibst deinen Ebenen Klassen, das machts ein wenig übersichtlicher
René

berta · 18.08.2009

ach was du nicht sagst

Hallo Rene!

DANKE Du hast mir sehr geholfen!!
es grüßt dich recht herzlichst
BERTA

Danke Tattoomaus,

ich habe mich für die variante von rene entschieden.
tschüssle und danke für deine mühe
BERTA

TimmyToll · 20.08.2009

AW: Navigation mit Untermenü

OK, aber wie läuft das noch mal, wenn ich die zweite ul einblenden will?

berta · 25.08.2009

AW: Navigation mit Untermenü

hi,
kann dir da auch nicht weiterhelfen, bin nämlich selbst ein totaler anfänger,
es kommt heute einen kollegen der mir mit rene's Vorschlag hilft.
tschüssle
berta

Ditin · 25.08.2009

AW: Navigation mit Untermenü

@TimmyToll so?

HTML:

<!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="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <title>Ohne Titel 1</title>
    <style type="text/css" rel="stylesheet">
    #sub  {
        display:none;
    }
    #menu:hover #sub  {
        display: block;
    }
    </style>
</head>

<body>

<ul>
  <li>erster Punkt</li>
  <li id="menu">zweiter Punkt
    <ul id="sub">
      <li>erster Unterpunkt</li>
      <li>zweiter Unterpunkt</li>
      <li>dritter Unterpunkt</li>
    </ul>
  </li>
  <li>dritter Punkt</li>
</ul>

</body>
</html>

Mfg.

berta · 25.08.2009

AW: Navigation mit Untermenü

Hi,

Habe nun meine navi leiste mit hilfe des letzten beitrages gemacht und es funzt, kannst du mir noch sagen
1.) wie ich beim Untermenü ein Aufzählungszeichen einfügen kann
und
wie ich beim untermenü einen Einzug mache dass das untermenü etwas eingerückt ist.
Danke und noch einen schönen abend
Berta
Danke für die Hilfe

Ditin · 26.08.2009

AW: Navigation mit Untermenü

Hallo,

lies Dir mal bitte folgende Seite durch:

ansonsten, experimentiere mal mit den Eigenschaften:

HTML:

<style type="text/css" rel="stylesheet">
    #sub  {
        display:none;
    }
    #menu:hover #sub  {
        display: block;
    }
    ul ul  {
        margin-left: 20px;
        list-style: square;
    }
    </style>

wobei margin-left die Einrückung bestimmt und list-style das Aufzählungszeichen darstellt, auch eigene Grafiken sind möglich - siehe Link

Mfg.

edit: vv kein Problem und viel Erfolg

berta · 26.08.2009

AW: Navigation mit Untermenü

danke für die rasche hilfe und den link.
werd dich über meinen erfolg bzw. miserfolg informieren, wenn ich's ausprobiert hab
tschüssle und einen schönen Mittwoch
berta