Menü-Liste mit BG-Image, float:left und unterschied. Breiten

[Gunnar Bittersmann]

@@kay:

nuqneH

Habe ohne javascript gelöst. CSS ohne width. HTML so wie Du geschrieben. Bild (nicht das BG-image) ist transparent mit Breite wie Menüeintrag.

Soll das heißen, du hast noch eine zusätzliche (transparente) Grafik verwendet? Solltest du nicht. [PERFORMANCE-BP1] Brauchst du auch nicht: Wenn  noch

#navlist li { overflow: hidden }

gesetzt wird, dann könnte dieselbe Grafik für Vorder- und Hintergrundbild verwendet werden:

<li id="menu0"><a href="/0.php"><img src="/images/menu/0.png" alt="Name des Menüpunktes" /></a></li>

mit

a:hover img { background: url(/images/menu/0.png) 0 bottom }

Funktioniert.

Was nicht heißt, dass es gut ist.

Denn es sollte nicht für jeden Menüpunkt jeweils eine Grafik verwendet werden, sondern insgesamt nur eine Grafik für alle Menüpunkte.

Qapla'