[noch offen] CSS Design - Horizontale Navi mit Buttons

Guten Tag Gemeinde,

normalerweise frage ich ja nicht im Forum, weil es für alles eine Anleitung gibt und ich mir das meiste auch selber hinpfriemeln kann. Aber jetzt bin ich an einem Punkt angelangt, wo ich nicht weiterkomme. Trotz umfangreicher Recherche im Forum.

Und zwar möchte ich eine horizontale Navigation erstellen, die sowohl für die normalen als auch für die "aktiven" (also die Navigationspunkte die gerade von der Maus markiert sind) ein Bild anstatt von Text verwendet.
Ich habs schon mit der normalen Navi ohne JavaScript versucht. Da hatte ich teilweise Erfolg. Es scheiterte daran, dass man in das Feld für den "LinkNamen", etwas eintragen muss da sonst der Unterpunkt nicht angezeigt wird.

Beispiel:
</style>
<div id="klappmenu">
<ul id="liste">
<li><a href="#">// über mich</a>
<ul>
<li><a href="/Seite.htm"><img src=http://img.webme.com/xxxxxxxxxxxxxxxxxxxxxxx.png>LinkNamen</a></li>

Mit der Java Script Navi hab ichs auch versucht, aber da kommt ich auf überhaupt keinen grünen Zweig.

Jetzt meine Frage:
Kann mir bitte jemand zeigen wie das geht? Ich bin überzeugt dass es grundsätzlich möglich ist, aber ich krieg das nicht hin. Wäre sehr dankbar wenn mir hier jemand die Augen öffnen könnte =)

Danke schon mal,
Viele Grüße

Im Prinzip gerne, aber mit deinem Beispiel fehlt mir ein wenig der Kontext.
Hast du einen Konkreten Menüpunkt in deiner Navi an dem wir uns das anschauen können?
Deine Navi sollte problemlos mit HTML+CSS realisierbar sein.
______________
- Signatur vom Mod Team angepasst -
Bitte keine Werbung für fremde Projekte

=> Das ist sehr schade. Ich habe mich hier im Forum über viele Jahre engagiert und einfach meine Signatur zu verändern zeugt von mangelnder Wertschätzung für meine Beiträge, die einzig den Nutzern des Homepage-Baukastens zugute kamen. Spätestens mit der Reduzierug auf max. 10 Unterseiten* sind die guten Zeiten des Baukastens ohnehin vorbei und die einst große Gremeinschaft im Forum hat sich längst aufgelöst. Nun bin ich hier offenbar auch nicht länger erwünscht. Bleibt mir nur lebewohl zu sagen, es waren schöne 14 Jahre und der Baukasten hat mir immer viel Spass gemacht - machts gut und eventuell trifft man sich ja doch nochmal an anderer Stelle im Internet. (07.06.2020)
* mittlerweile sogar nur noch 5

Hallo,

danke schon mal dass sich jemand meiner annimmt ^^

Die Vermutung dass die Sache mit HTML & CSS problemlos realisierbar sein sollte, hatte ich auch. Aber ich kriegs nicht hin =)

So soll das mal aussehen:
http://img.webme.com/pic/c/computacracks/NaviBeispiel.png

Die einzelnen Bilder habe ich alle. Die "inaktiven" Bilder sind auch nicht das Problem, da ich die ja einfach anstatt von "LinkNamen" einsetzten kann. Aber wie ich das mit dem Bild im Hoover hinkriege ist mir nicht klar.

Danke und Gruß

Kann mir denn hier wirklich keiner weiterhelfen?

Viele Grüße

Du willst also dass du einen dauerhaften Hover hast oder dass die Menüpunkte die ganze Zeit "ausgefahren" sind?

Hallöchen,

nein ich möchte keinen dauerhaften Hover haben.
Hover soll dann ausgefahren werden wenn man mit der Maus über den Menüpunkt streicht.

Danach sollen sich eben die Hintergründe des angewählten Hover Menüs ändern.
Von weiß auf schwarz.

Und genau das bekomm ich nicht hin.

Viele Grüße
______________