Drop Down Menü gesucht =/

[TrustNo1]

Hey Leute, ich brauche für meine HP ein horizontales Menü, bei dem sich, wenn man mit der Maus über einen Punkt fährt, die Unterpunkte sich entweder nach oben oder unten ausfahren. Nur finde ich leider keinen Code dafür =/ Weiß jmd. einen?
Im Prinzip soll es von der Art hier dem nahekommen: http://groenendael.npage.at/willkommen.html

[Planet Erde]

Hallo,
um ein solches Menü einbauen zu können, müsstest du auf ein eigenes Design umsteigen. Ohne HTML-Kenntnisse macht dies jedoch wenig Sinn und wenn du ein solches Menü haben möchtest, dann musst du schon genauere Infos dazu geben (Farbe, Größe etc.)
LG
Planet Erde

[TrustNo1]

Hey, ein eigenes Design habe ich und HTML Kenntnisse auch =)
Es sollte schwarz sein und die Schrift weiß und die ausfahrenden Menüs hellgrau. Und sie sollten nach oben ausfahren

Habe nun diese Seite gefunden: Horizontales Dropdown-Menü
Genauso hatte ich es mir vorgestellt, nur verstehe ich nicht, wo die Dinge, die ab 1.2 beschrieben werden, eingefügt werden sollen!?

[HTML-Laie]

Hey, ein eigenes Design habe ich und HTML Kenntnisse auch =)

Wenn es denn so ist müßtest du eigentlich wissen das dieses der CSS- Teil des Menü's ist.

<style type="text/css">

* {
margin: 0;
padding: 0;
}

#menu {
width: 100%;
padding: 0 20px;
background: #003366;
font-family: Verdana;
font-size: 1em;
line-height: 1.5;
float: left;
}

#menu ul {
float: left;
width: 140px;
list-style-type: none;
}

/*--definiert die Blocküberschriften--*/
#menu h3 {
font-size: 1em;
text-align: center;
color: #000;
border: 1px solid #003366;
background: #ff8000;
}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {
text-decoration: none;
display: block;
border: 1px solid #ccc;
text-align: center;
background: #ff9224;
color: #003366;
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
color: #ff9224;
background: #003366;
}

/*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

#menu li {
position: relative;
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
position: absolute;
z-index: 2;
display: none;
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
display: block;
}

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
* html #menu ul li{
float: left;
width: 100%;
}

  /*--nur für IE 7 erkennbar--*/
*+ html #menu ul li {
float: left;
width: 100%;
}

/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}

*html #menu ul li a {
height: 1%;
}

/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt:link {
font-size: 1em;
font-weight: bold;
text-align: center;
color: #000;
border: 1px solid #003366;
background: #ff8000;
}

/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt:hover {
color: #ff9224;
background: #003366;
border: 1px solid #ccc;
}

</style>

Genauso hatte ich es mir vorgestellt, nur verstehe ich nicht, wo die Dinge, die ab 1.2 beschrieben werden, eingefügt werden sollen!?

Wenn man sich mit Html auskennen würde wüßte man das der CSS-Teil in den Header gehört.


Der nachfolgende Code kommt an die Stelle wo die Navigation erscheinen soll.

<div id="menu"><!-- öffnet die Navigationsleiste-->

   <ul><!-- öffnet den ersten Themenblock -->

      <li><!-- öffnet die Listeneinträge von Thema 1 -->

         <h3>Thema 1</h3>

            <ul><!-- öffnet die Klappnavi von Thema 1 -->

               <li><a href="#">Thema 1.1</a></li>

               <li><a href="#">Thema 1.2</a></li>

               <li><a href="#">Thema 1.3</a></li>

            </ul><!-- schließt die Klappnavi von Thema 1 -->

         </li><!-- schließt die Listeneinträge von Thema 1 -->

   </ul><!--schließt den ersten Themenblock-->


   <ul><!-- öffnet den zweiten Themenblock -->

      <li><!-- öffnet die Listeneinträge von Thema 2 -->

         <h3>Thema 2</h3>

            <ul><!-- öffnet die Klappnavi von Thema 1 -->

               <li><a href="#">Thema 2.1</a></li>

               <li><a href="#">Thema 2.2</a></li>

               <li><a href="#">Thema 2.3</a></li>

            </ul><!-- schließt die Klappnavi von Thema 2 -->

         </li><!-- schließt die Listeneinträge von Thema 2 -->

   </ul><!--schließt den zweiten Themenblock-->

<ul><!-- öffnet den dritten Themenblock -->

<li><a class="direkt" href="#">Thema 3</a></li>

</ul><!--schließt den dritten Themenblock-->

</div><!-- schließt die Menüleiste #menu -->

MfG
Hape

[TrustNo1]

Meine Kenntnisse liegen schon etwas zurück, aber hab mir das Ganze gerade wieder erarbeitet und nun auch ein Drop Down Menü zustande bekommen was perfekt funktioniert.. Nur hätte ich es gern, dass es sich nach oben öffnet.. Weißt du, ob das änderbar ist?

[HTML-Laie]

Hier mal was zum angucken: ADxMenu (www.aplus.co.yu)

MfG
Hape

[TrustNo1]

Genau so soll es sein!! Ich brauche nen Code >.<

[TrustNo1]

Ich habe nun ein Drop Down Menü entsprechend dieser Seite gemacht: Horizontales Dropdown-Menü
Sowohl in Firefox, wie in Chrome und auf meinem Smartphone funktioniert es. Aber nicht mit IE 9. Was kann man da machen ?

[bolivien]

Hast du den Hinweis am Ende von 11. beachtet?

Unter welcher Adresse kann man sehen, was du eingebaut hast?

[TrustNo1]

http://www.falcoridesagain.de/_navigation-2.html