Hallo zusammen,

ich versuche mir gerade ein Menü zu programmieren. Die jeweiligen Menüpunkte sind Bilder ohne Text. Da ich für jedes Bild unterschiedliche Zustände bez. hover, mouseout etc. angeben muß, hab ich im HTML Code jedem Bild eine eigene ID zugewiesen.

Jetzt hab ich das Problem, daß ich vor dieser ID Zuweisung im CSS Teil den Code:

.menu-item {
display: inline;
}

hatte. Der geht jetzt aber nicht mehr, da die ID's unterschiedlich sind.
Wie muß der Befehl lauten um alle ansprechen zu können und sie in einer Reihe darzustellen?

Danke für die Hilfe!

Das klingt reichlich umständlich. Heute macht man sowas gerne mit CSS-sprites. Aber um Elemente anzusprechen brauchst du keine ID, je nach HTML Struktur gibt es viele Wege.

Hi,

ich hab den Code mal bei jsfiddle abgespeichert:

https://jsfiddle.net/macfms/4n79shar/

Dann siehst du, was ich vor habe.
Übrigens, der Code im JS Teil stimmt noch nicht, aber vlt. kannst mir da auch helfen. Für einen einzelnen Button geht er, aber ich müsste ihn für das Menü umschreiben, weiß aber nicht wie. Dann könnte ich mir den letzten Teil im CSS Bereich sparen.

Gruß mac

Hallo!

Spricht irgendwas gegen dies?

.menu-items li {
display: inline;
}

__________________
Gruß schatzi

Perfekt, danke Schatzi!

Hast auch ne Lösung, wie ich den JS Teil schreiben muß, damit ich die Mauszustände ansprechen kann?