Antworten auf deine Fragen:
Neues Thema erstellen

CSS vertikales Menü mit Submenü

das_pixel

try to learn

HI,
wie mache ich bei einem Vertikalen Menü ein Submenü dazu- welches sich im hover auf Menü rechts vom Hauptmenü öffnet ?

hier mein CSS-Code:

HTML:
#menu {
        width: 910px;
        height: 50px;
        margin: 0 auto;
        padding: 0;
        border-top: 1px #FFFFFF solid;
        background: #565F68;
}

#menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        line-height: normal;
}

#menu li {
        float: left;
}

#menu a {
        display: block;
        padding: 17px 10px 10px 20px;
        text-transform: uppercase;
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
        border: none;
}

#menu a:hover, #menu .current_page_item a {
        color: #FFFFFF;
}

#menu a:hover {
        text-decoration: underline;
}

und mein html dazu:

HTML:
<div id="menue">

<ul>
<li><a href="startseite.html">Home</a></li>
<li><a href="#">Über uns</a></li>
<li><a href="#">Unsere Neufis</a></li>
<li><a href="#">Ausstellungen</a></li>
<li><a href="#">Allg. Informationen</a></li>
<li><a href="#">Fotogalerie</a></li>
<li><a href="#">Gästebuch</a></li>

</ul>
</div>


a) muss ich ein neues menü im CSS anlegen ?-
galube ja, nehme an ich muss dort für das Subnmenü ein padding einstellen ( Breite Menü1 + Abstand )

b) wie lege ich das im html code rein
nur mit <ul>.......<li></li> </ul>
oder brauche ich mehr


oder gehts noch einfacher ?
PS möchte die Buttons vom Menü1 und Sub gleich lassedn- also nur verschieben

Danke im Voraus
 

S

sbehrendt

Guest

AW: CSS Vertikales Menü mit Submenü

Bei SelfHTML gibt es einige gute Beispiele.
Vielleicht helfen dir die weiter.
Hier der Link:
 

LongDonGold

The-one-Darksite-of-Life

AW: CSS Vertikales Menü mit Submenü

Eine vertikale Menüleiste kannst du mit einer Spry-Menüleiste erzeugen.



Vielleicht hilft es dir ja weiter.

Die Bottons und so musst du dann an deinem Design anpassen ;)
 
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