Grafiktexte auf gleiche Höhe bringen - verstehe nix mehr

[Gunnar Bittersmann]

@@Mathias:

nuqneH

ich hab es ja schon gelöst.

Aber suboptimal.

Dafür hast Du die Tipps nicht beherzigt.
Welche Tipps?

Zum Beispiel diesen, nicht 4 Grafikdateien zu verwenden, sondern eine.

Für den Hover-Effekt (ein O!) benutzt du ja schon CSS-Sprites: "blogBLOG", "übersichtÜBERSICHT", "impressumIMPRESSUM". (Die Klein-/Großschreibung soll die Textvarianten für nicht gehovert/gehovert symbolisieren.) Wobei die Anordnung untereinander sinnvoller wäre
  blog
  BLOG
etc., dann hättest du nicht jeweils unteschiedliche Werte für den horizontalen Versatz, sondern für alle den gleichen vertikalen Versatz. Und dabei musst du nicht einmal Pixel zählen, sondern kannst "top" und "bottom" verwenden. Hm, du hättest auch bei deiner Anordnung "left" und "right" verwenden können, aber:

Genauso, wie du jeweils beide Textgrafiken "blogBLOG" usw. in jeweils einer Grafikdatei hast, kannst du auch gleich alle Texte und den Separator in einer Grafikdatei unterbringen:
  blog|übersicht|impressum
  BLOG|ÜBERSICHT|IMPRESSUM
'background-position' in x liefert den entsprechenden Text; in y die Textvariante für nicht gehovert/gehovert.

Wobei du für den Hover-Effekt gar keine verschiedenen Textvarianten als Grafik bräuchtest; er ließe sich auch mit der 'opacity'-Eigenschaft realisieren.

Qapla'

PS: Und den Tip mit „kein TOFU“ hast du auch nicht verstanden?