Homepage mit Drop Down meenü

[MEITIN2]

Hey ich wollt mir ne Homepage mit nem drop down menü machn das soll von oben auch in den "inhalt" reingehen weshalb frames ja nicht gehen. Ich habs nun geschafft das 1 seite angezeigt wird aber wie schaffe ichs das ich wenn ich oben auf einen Link klicke sich das nächste dort öffnet. wie z.B hier das hab ich nur so schnell als beispiel gefunden. Dort ist oben die leiste und wenn man auf einen der links klickt kommt unten der nächste inhalt. Kann mir jemand auf die Sprünge helfen wie das geht ^^?

[CaptainSmile]

Also suchst du jetzt ein Drop Down Menü oder wie?
Ich habe deinen Text jetzt drei mal gelesen und es nicht verstanden

[マルコ]

Am einfachsten jQuery benutzen und nach "jQuery Dropdown Menu" googln.

[CaptainSmile]

Ein Drop Down Menü habe ich hier für dich:

        <div class="menu">
                <div class="link">
                    TITEL
                </div>
                    <div class="box">
                        <ul>
                            <li><a href="#">Link 1</a></li>
                            <li><a href="#">Link 2</a></li>
                            <li><a href="#">Link 3</a></li>
                            <li><a href="#">Link 4</a></li>
                            <li><a href="#">Link 5</a></li>
                        </ul>
                    </div>
        </div>

        <div class="menu">
                <div class="link">
                    TITEL
                </div>
                    <div class="box">
                        <ul>
                            <li><a href="#">Link 1</a></li>
                            <li><a href="#">Link 2</a></li>
                            <li><a href="#">Link 3</a></li>
                            <li><a href="#">Link 4</a></li>
                            <li><a href="#">Link 5</a></li>
                        </ul>
                    </div>
        </div>

        <div class="menu">
                <div class="link">
                    TITEL
                </div>
                    <div class="box">
                        <ul>
                            <li><a href="#">Link 1</a></li>
                            <li><a href="#">Link 2</a></li>
                            <li><a href="#">Link 3</a></li>
                            <li><a href="#">Link 4</a></li>
                            <li><a href="#">Link 5</a></li>
                        </ul>
                    </div>
        </div>

.menu {
    float: left;
    margin-left: 60px;
    width: 200px;
    height: 27px;
    height: ;
    background-color: #800000;
    text-align: center;
}
.menu:hover .box {
    display: block;
}
.menu:hover .link {
    color: #FFFFFF;
}
.menu .link {
    font-family: 'HetilicaBold', sans-serif;
    font-size: 15pt;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.menu .box {
    display: none;
    position: absolute;
    width: 200px;
    padding-bottom: 9px;
    background-color: #800000;
    z-index: 98;
    border-bottom: 5px solid ;
    text-align: left;
}
.menu ul li {
    float: none;
}

Du kannst damit so viele Menü Punkte machen wie du möchtest...
Das Design musst du natürlich anpassen.

[Phillor]

jep ein Drop-Down Menü funktioniert auch ohne javascript.

nochmal ein Link wo alles genau beschrieben ist.

[マルコ]

Originally Posted by Phillor

jep ein Drop-Down Menü funktioniert auch ohne javascript.

nochmal ein Link wo alles genau beschrieben ist.

^jep, aber mit find ichs schöner^^

[MEITIN2]

Danke für eure vielen antworten =) :P hat mir au schon geholfen aber ich brauche sozusagen was wo ich den "inhalt" öffne also habe früher so mit frameset gemacht so 3 teile: überschrift,navigation,inhalt. Und wenn man navigation was ausgewählt hat hat sich das im inhalt geöffnet. Da ich aber wegen dem Drop down menü kein frameset nutzn kann brauch ich da was anderes ^^ weiß net genau wie das gehn soll. hatte die idee das einfach immer zu kopieren und halt die komplette seite immer neu zu laden (bei frameset wurde immer nur der inhalt neugeladen)

[マルコ]

Originally Posted by MEITIN2

Danke für eure vielen antworten =) :P hat mir au schon geholfen aber ich brauche sozusagen was wo ich den "inhalt" öffne also habe früher so mit frameset gemacht so 3 teile: überschrift,navigation,inhalt. Und wenn man navigation was ausgewählt hat hat sich das im inhalt geöffnet. Da ich aber wegen dem Drop down menü kein frameset nutzn kann brauch ich da was anderes ^^ weiß net genau wie das gehn soll. hatte die idee das einfach immer zu kopieren und halt die komplette seite immer neu zu laden (bei frameset wurde immer nur der inhalt neugeladen)

Framesets sind stark veraltet und man sollte sie meiden.
Weil
-> Wenn jemand mit Google sucht, bekommt er evtl. nur dein Menü, weil Google halt die Datei mit deinem Menü verlinkt hat
-> keine ****** /> -> Einschränkung bei Animationen (hast du ja selbst gemerkt)
usw.


Außerdem kann man auch ohne Frameset nur den Inhalt neu laden. Schonmal was von AJAX gehört?

[CaptainSmile]

Ist das nicht eigentlich komplett schnurz egal ob sich jetzt alles Neulädt oder nur ein teil
Frames würde ich einfach nur meiden da schließ ich mich an.

Mfg Smile

[マルコ]

Originally Posted by CaptainSmile

Ist das nicht eigentlich komplett schnurz egal ob sich jetzt alles Neulädt oder nur ein teil
Frames würde ich einfach nur meiden da schließ ich mich an.

Mfg Smile

Wenn du nur den Inhalt neu lädst, hast du kürzere Ladezeiten. Außerdem finde ich persönlich, sieht es besser aus, wenn die HP bleibt, aber nur der Inhalt sich ändert.

[MEITIN2]

Ja ich hatte sonst noch die idee einfach die komplette seite halt mit navigation etc zu machn und dann hatte ich nen "iframe" was auf eine neue seite weiter leitet z.B startseite.htm das man nur die Startseite bearbeitet für bessere übersicht. Dann wird halt die Seite komplett neugeladen. Aber ka ob un wie das klappt und obs sinnvoll is xD

[マルコ]

Originally Posted by MEITIN2

Ja ich hatte sonst noch die idee einfach die komplette seite halt mit navigation etc zu machn und dann hatte ich nen "iframe" was auf eine neue seite weiter leitet z.B startseite.htm das man nur die Startseite bearbeitet für bessere übersicht. Dann wird halt die Seite komplett neugeladen. Aber ka ob un wie das klappt und obs sinnvoll is xD

Du solltest mal meinen Post lesen. Frames sind nicht geeignet für den Seitenaufbau! Das ist absolut Search Engine feindlich. Wie gesagt, es kann passieren, das Google Leute zu deinem Menü weiterleitet. Und die sehen dann nur das Menü und nix anderes.

Lass alle Frames weg und lern, ne anständige Seite zu machen. Du kannst mit Divs und CSS ganz viele tolle Sachen machen. Und für den Anfang ist es egal, ob die komplette Seite neu geladen wird. Das ist bei fast jeder Seite so.

[MEITIN2]

Also wenn ich nun nen Link anklicke un und der Leitet mich auf meine gewünschte Seite wie mach ich das soll ich die komplette seite immer wieder mit dem Menü austatten? Und dann halt immer den Inhalt ändern?

Edit:
Also ich habe nun meine Startseite mit den Links nun brauch ich nur eine gute möglichkeit die Links etc zu verbinden. Also das wenn man auf einen Link klickt der gewünschte inhalt kommt aber das menü mit den links und das design gesamt bleibt.
Mein Design der Homepage ist nun in einer eigenen .css datei.
Kann ich das auch mit der Navigation machen? Das ich nur immer in den Seiten auf die Navigations datei zugreifen muss

[マルコ]

Du wirst das Menü etc. ín jeder HTML Seite neu einfügen müssen. Oder du lernst php. Diese Möglichkeiten hast du so grob im Moment^^

[MEITIN2]

uii das is ja ne tolle möglichkeit habe ma versucht mit php ne 2. datei mit dem menü zu machn aber das ging net ... >.>