[CSS] Hover-Effekt mit zwei Grafiken?

[Spark Amandil]

3 Vorschläge:
1. Naja in der Höhe sind sie ja identisch. Warum verschiebst du sie nicht einfach vertikal anstatt horizontal?
2. Oder mach die Grafik breiter bis zu einem Wert von dem du dir sicher sein kannst dass jeder Button sie erreicht.
3.Ansonsten klassisch zwei Bilder nehmen
a background:url(img1.jpg);
a:hover background:url(img2.jpg);

btw, sollte n png nicht bessere Qualität und kleinere Dateigröße bieten in diesem Fall?

[Whiz-zarD]

btw, sollte n png nicht bessere Qualität und kleinere Dateigröße bieten in diesem Fall?

...

Bessere Qualität ja, weil png verlustlos ist.
Kleinere Datei größe vielleicht. Müsste getestet werden.

Da die blauen nicht die selbe Größe haben, wäre die simpelste Methode, sie auf die Größe der orangenen Buttons anzugleichen und da oben einfach die orangenen Strich zeichnen und fertig.

Andere Möglichkeit:
Die orangenen Buttons an die blauen Buttons anpassen und den orangenen Strich mittels CSS zeichnen.

[Kate]

3 Vorschläge:
1. Naja in der Höhe sind sie ja identisch. Warum verschiebst du sie nicht einfach vertikal anstatt horizontal?

...

Genau das möchte ich ja, aber ich weiss nicht mehr, wie.

2. Oder mach die Grafik breiter bis zu einem Wert von dem du dir sicher sein kannst dass jeder Button sie erreicht.

...

Geht leider nicht - ich möchte sie alle in exakt der Breite behalten, die sie jetzt haben.

3.Ansonsten klassisch zwei Bilder nehmen
a background:url(img1.jpg);
a:hover background:url(img2.jpg);

...

Dann muesste ich fuer jeden einzelnen Link eine eigene ID bereitstellen und ihm diese zuweisen. Ist nicht schön.


@ Whiz: As said, ich möchte die Breite so wie sie momentan ist beibehalten.^^


Danke euch beiden aber schon mal!

[Whiz-zarD]

@ Whiz: As said, ich möchte die Breite so wie sie momentan ist beibehalten.^^

...

Hat das einen besonderen Grund?