Grundsätzlich ist das einbinden solcher DropDown-Menüs möglich. Vor etwas über einem Jahr gab es solch eine Frage im Forum, klick. Allerdings läuft das über Javascript - wobei sowas auch über CSS funktioniert. Bspw. hier zu finden.

Die Sache ist nur die, das so gut wie jedes DropDown-Menü anders eingebunden wird. Meistens haben die Menüs zwar die relativ gleiche Struktur, aber die Referenzpunkte sind meist unterschiedlich - eine Art Standard gibt es nicht, was nicht gerade für die Endbenutzer förderlich ist   Aber künstlerische Freiheit muss halt sein ;o

Wie dem auch sein - selbst wenn man eine Art Standard-Variante für sowas macht, ist leider nicht garantiert, das jedes DropDown-Menü, mit Referenz-Anpassung, einfach funktioniert   Das ist, wenn man so möchte, eine spezifische Arbeit auf das gewünschte DropDown-Menü  

So, das sollte erstmal an Antworten reichen ;o

Ob horizontal oder vertikal, das Prinzip ist ja gleich - der rest ist eine Anpassung der Optik. Und im Grunde geht es bei sowas in erster Linie um die Einbindung - die, wie ich oben meinte, i.d.R. immer anders ist, da alle unterschiedlich sind  

Wenn du CSSMenuMaker.com meinst - einfach auf ein beliebiges Menü klicken. Auf der Detail-Seite gibt es zwischen der Vorschau (oben) und den Kommentaren (unten) den Punkt Customize - hiermit kommst du in den Einstellungsbereich, wo man es nach eigenen Vorstellung es anpassen kann. In der Mitte gibt es oberhalb der Vorschau (Preview) die zwei Tabs HTML und CSS, wo man sich jenen Code angucken kann (und ggf. kopieren). Unterhalb der o.g. drei Tabs gibt es den Button Download.

Natürlich reicht dies nicht, wenn man dies dynamisch ins phpKit einbinden möchte. Aber für festen HTML-Code würde das reichen  

--

Was das andere angeht:
Der Thread bei Kit-Spiele ist zwar weg, und hat im Grunde auch keine nennenswerten Informationen, aber das ist auch nicht wichtig. Der ganze Verlauf ist in den von mir verlinkten Thread hier auf HTH-C. Wenn du es über JavaScript laufen lassen möchtest, müsstest im Grunde nur den Thread-Verlauf folgen. Ist allerdings für die obere Navigation angepasst, ginge aber auch für die anderen mit etwas Anpassung  

Wenn es um den IE < 7oder 8 handelt - da kannst du sowas eh vergessen. Sowas geht da zwar auch, aber nur mit viel rumgetrickse.

Als Erklärung warum:
Der alte IE, und was weiss ich noch für Browser, kann kein CSS2. Erst in dieser Version ist es möglich mehr als nur a-Tags mit Pseudo-Klassen wie :hover anzusteuern.

Für den IE mit CSS1 gibt es den Trick durch ein a-Tag, das sozusagen als Ersatz für den eigentlichen Tag dient. Bin mir jetzt aber nicht sicher, ob dies für mehr als eine Ebene funktioniert  

Ein kleines Beispiel für o.g.:

1 2 3 4 5 6 7 8 9 10 Quellcode <ul>     <li>Irgendein Text</li>     <li>     <!--[if IE]><a><![endif]-->         <ul>             <li>Irgendein UnterText</li>         </ul>     <!--[if IE]></a><![endif]-->     </li> </ul>

In Normalfall wird im Browser nur die Auflistung durch ul -> li angesteuert. Wenn man mit den IE (ohne Versions-Unterschied) unterwegs wäre, würde jetzt zwischen den li-Tags ein a-Tag hinzugefügt. Diese könnte man jetzt ansteuern und entsprechend einstellen. Aber wie gesagt, ich weiss nicht, wie es mit weiteren Unterebenen ist  

Wenn man nur bestimmte IE Versionen ansprechen möchte, hier gibt es eine grobe Übersicht.

if IE braucht man bei aktuelleren Versionen auch selten verwenden. Ist halt für ältere Versionen und oder als Weiche.

Das es bei dir aber nicht funktioniert - kann ich nicht verstehen. Der 10er kann mind. das, was der 8er kann und im 8er funktioniert es bei mir   Hab mir mal den IETester runtergeladen und installiert - und ab den 8er gibt es keine Probleme  

Einziges, was mir an deinen Code stört, ist das fehlende div-Tag vor und hinter den ersten ul-Tag, sprich so:

1 2 3 4 5 6 7 8 9 10 11 12 Quellcode <div id='cssmenu'> <ul>     <li class='has-sub last'><a href='#'><span><img width="16" src="/lmo/img/liga/1. Euroleague.png">   1. Euroleague</span></a>        <ul>           <li><a href='?path=content&contentid=13'><span><img width="16" src="/lmo/img/liga/1. Euroleague.png">   Tabelle</span></a></li>           <li><a href='?path=content&contentid=16'><span><img width="16" src="/content/images/pep.png">   Trainer</span></a></li>           <li><a href='?path=content&contentid=20'><span><img width="16" src="/content/images/neuer.png">   Weiße Weste</span></a></li>       <li class='last'><a href='?path=forumscategory&catid=10'><span><img width="16" src="/content/images/icons/ball.png">   Ergebnismeldung</span></a></li>        </ul>     </li>  </ul> </div>

Fehlte vielleicht dieser Part? Hab hier mal ein Bild hochgeladen, wie es beim IETester aussieht (als wenn man mit der Maus drüber fahren würde).

Ich ging eh nicht davon aus, das der div-Part fehlte - war nur der Sicherhaltshalber nachgefragt ;o

Hast du den Code in einer seperaten Datei zum testen oder hast das schon irgendwie auf deiner Seite eingebunden? Wenn ersteres - hast du am Anfang folgendes drin?

1 Quellcode <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

^{Obigen Code von deiner Seite ;o}


Ohne dies verarbeitet der IE das teilweise oder gar nicht