Bewgliche Menüleiste

Hallo! :wink:

Ich würde gerne eine Menüeleiste erstellen, die beim drüberfahren mit der Maus ihre position ändert. Mit einem

-Element und *:hover ist dies ja gar kein Problem, jedoch möchte ich, das der User die Bewegung nachvollziehen kann, also das das Element an seine Position wandert. :smiley:

Ist das für mich als nicht Java könner möglich? :smiley: :smiley:

Danke schonmal!!

Grüße

Also das Gebilde soll sich langsam an die neue Position bewegen?

Dafür sind in CSS3 zwei Module in Vorbereitung, Animation und
Übergänge (transitions). Ist an sich recht einfach, kann man mit
WebKit (Safari z.B.) ausprobieren, eventuell auch mit
experimentellen Mozillas. Das sind aber erst Arbeitsentwürfe,
für den täglichen Einsatz noch ungeeignet.

Theoretisch geht das auch mit XHTML+SMIL, wobei der Haken ist,
daß das bei gängigen browser nicht implementiert ist und
der MSIE, der es angeblich können soll, kann nicht einmal XHTML,
dort wird das fehlerhaft ins HTML reingemogelt ;o)

Praktisch könnte man das auch mit SVG machen, eignet sich
aber nur schlecht für umfangreichere Textpassagen.

Was auch immer du tust (Menü mit Java oder flash ist unsinnig,
mit java-script gegebenenfalls problematisch), du solltest es so
realisieren, daß das Menü auf alle Fälle auch ohne CSS, Skripte,
plugins etc funktioniert ;o)

Das mit dem ohne CSS usw. funktionieren klingt echt sinnvoll. Darauf wär ich so garnicht gekommen. Die Möglichkeit mit CSS scheint aber erstmal sowieso wegzufallen, jedenfalls vorläufig. Mit XHTML scheint ja auch erstmal wegzufallen, klingt ja nicht sehr zuverlässig, ausserdem würde ich gerne bei HTML bleiben, habe gelesen XHTML wird nicht mehr weiterentwickelt, klingt daher ziemlich unsinnig. Mit SVG habe ich garkeine Erfahrung, wenn du aber sagst, dies sei eine Möglichkeit, warum nicht. :smiley: Aufjedenfall vielen dank für deine Antwort!

XHTML wird nicht mehr oder weniger weiterentwickelt als HTML.
Der aktuelle Arbeitsentwurf für ‘HTML5’ gilt für beide
Sprachvarianten ‘HTML’ und ‘XHTML’, nur ‘XHTML’ läßt sich
heute allerdings bereits sinnvoll mit anderen Sprachen
mischen (was bei technisch aktuellen browser wie den
Mozillas, Opera oder den WebKits auch gut funktioniert, sofern
sie die Sprachen interpretieren). Das wird so allgemein auch
mit der neuen ‘HTML’-Variante nach ‘HTML5’ nicht möglich sein,
dazu ist ‘HTML’ zu vermurkst und verkorkst.
Die ‘HTML’-Variante von ‘HTML5’ ist jedenfalls sehr komplex und
für Autoren im vollem Umfang eigentlich inhaltlich nicht mehr
verständlich. In der ‘XHTML’-Variante fallen da immerhin viele
für Autoren überflüssige Altlasten weg und sie ist erweiterbar.
Es ist ja auch letztens (Oktober 2008) erst eine neue Spezifikation
für XHTML herausgekommen, die letzte für HTML stammt noch
aus dem letzten Jahrtausend ;o) Und HTML5 wird sich in beiden
Varianten noch ein paar Jahre hinziehen - weiß heute noch
niemand genau, wieviel Sinn das für Autoren ergeben wird.

Funktionieren heißt in dem Zusammenhang auch nicht, daß der
Kram ohne CSS hübsch aussehen muß oder sich verschieben
müßte - braucht man ja für ein Menü nicht unbedingt, er muß
eben wenigstens noch als Menü funktionieren, sonst ist es kein
Menü mehr sondern nur noch Blödsinn ;o)
Es soll dich also nicht davon abhalten, etwas auszuprobieren oder
hübsch zu dekorieren. Du solltest eben nur vermeiden, daß die
Dekoration (CSS oder Skript) Inhalt unzugänglich macht, wenn die
Dekoration aus irgendwelchen Gründen wegfällt oder nicht
funktioniert. Man muß also gekommt und durchdacht dekorieren
und dann auch ohne Dekoration wieder testen.

Was du mit nicht funktionieren meintest, war mir durchaus klar! :wink: Aber wenn ich das ganze auf

aufbauen könnte, dannn würde es ja auch ohne jegliche weitere Sprache funktionieren! :wink:

(X)HTML beschreibt ja (nur), was der Inhalt des jeweiligen
Elementes zu bedeuten hat, nicht wie dies darzustellen ist oder
dem Benutzer nahezubringen ist. div ist nun gerade ein Element,
welches bei Verwendung keine weitere Information über den
Inhalt gibt, typisch verwendet, wenn es ein solch spezifisches
Element für die inhaltliche Bedeutung nicht gibt. Bei Menüs
verwendet man meist sinnvollerweise Listen. Bei HTM5 steht
ein Element für Menüs im Entwurf, gab es in älteren Versionen
auch schon mal, ist aber für HTML4 als veraltet gekennzeichnet,
was wohl ein großer Irrtum war - auch weil link-Navigation über
viele Jahre bei zahlreichen browsern nicht verfügbar war oder
immer noch nicht ist (was dann zur Folge hatte, daß alle Autoren
die Menüs direkt in den Inhaltbereich getan haben).

Eine Bewegung des Menüs ist ja jedenfalls Dekoration und
Positionierung und kein Inhalt bezogen auf (X)HTML, weswegen
man da immer irgendwas anderes braucht, um das zu
bewerkstelligen. Mindestens also CSS, wobei das mit CSS2 und
:hover eben nur diskret geht und nur in einem Schritt.
Mit java-script geht es wohl auch nur diskret, bei Bedarf in
mehreren Schritten.
Der Arbeitsentwurf für Übergänge in CSS3 bietet hingegen eine
kontinuierliche Änderung, ebenso wie etwa Animation in SVG oder
allgemein mit SMIL.