beste umsetzung eines design und hover effekt in html

jperl

Super Moderator

Dabei seit: 09.04.2003

Beiträge: 3 453

Samstag, 21. November 2009, 00:09

hi leute,

habe ein design bekommen welches ich in html umsetzen soll.
siehe angehängtes foto.

jetzt soll ein hover effekt für die einzelnen menüelemente (siehe bild) erstellt werden.
wie kann ich diesen am besten erstellen?
bild austauschen, li:hover effekt? bin für gute vorschläge offen.

hier könnt ihr meine derzeitige umsetzung in html sehen:
http://jperl.gu6.info/

danke schonmal für eure tipps. die umsetzung entstand relativ schnell, also ist der code noch nicht unbedingt sehr schön.

jperl

»jperl« hat folgendes Bild angehängt:

Konfuzius [chinesischer Philosoph (551 - 479 v. Chr.)]
Das Entscheidende am Wissen ist, daß man es beherzigt und anwendet.

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »jperl« (21. November 2009, 11:28)

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 998

Samstag, 21. November 2009, 00:18

Also li:hover ist meiner meinung nach besser als javascript:onmouseover.
Und am besten du schneidest dir ein Hover halbkreis von der breite 15-20px und rest einfarbig. Also dass du NUR den halbkreis als JPG nimsst und rest des buttons als normale farbe.

MFG

Mein kleines Projekt
-Cruel Online-

Skittles

Moderator

Dabei seit: 14.02.2004

Beiträge: 3 014

Samstag, 21. November 2009, 10:38

Hover mit diesem Ansatz hier. Sonst ist das Design nicht besonders schön umzusetzen, alle wiederholten Elemente sind ungleich Groß etc, runde Boxen können nicht alle Browser :/

~!__/
..o.o

This is Einkaufswagen.
Copy Einkaufswagen into your signature to help him on his way to world domination.

jperl

Super Moderator

Dabei seit: 09.04.2003

Beiträge: 3 453

Samstag, 21. November 2009, 19:04

thx hab das mal umgesetzt.

kann mir jemand sagen warum die navi im IE6 so rumhüpft.
habe mich schon längers nicht mehr mit dem IE6 beschäftigt.

http://jperl.gu6.info/

jperl

#edit
habs hinbekommen, aber leider nur mit einer tabelle für die navigation.
wieder mal ein trauriges beispiel dafür, dass der IE6 schrott ist.

Konfuzius [chinesischer Philosoph (551 - 479 v. Chr.)]
Das Entscheidende am Wissen ist, daß man es beherzigt und anwendet.

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »jperl« (21. November 2009, 19:04)

beste umsetzung eines design und hover effekt in html

Ähnliche Themen