Antworten auf deine Fragen:
Neues Thema erstellen

Navigation mit Untermenü

berta

Marina

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
 

Lobster1956

ein Hamburger in der Lüneburger Heide

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

Marina

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
 
Zuletzt bearbeitet von einem Moderator:
T

TimmyToll

Guest

AW: Navigation mit Untermenü

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

berta

Marina

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

Web Developer

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

Marina

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

Web Developer

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 ;)
 
Zuletzt bearbeitet:

berta

Marina

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
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.616
Beiträge
1.538.358
Mitglieder
67.536
Neuestes Mitglied
QuestionMark
Oben