funktionstest eines css hover menu

[bona]

Hallo zusammen...
habe bei mir leider momentan nurnoch den ff2.0
könntet ihr einmal so nett sein und kurz testen ob das menu keine fehler hat?
(also nur optisch, ist ja nicht verlinkt).

link: http://test.elbona.ch/css_hover_menu/

vielen dank im voraus.

[dream|project]

IE 6 ist nicht korrekt



denke mal, das soll nebeneinander stehen.

[Nele]

Hallo Bona,

im Netscape 7 ist es ok, im Opera 9.02 stimmt was nicht im IE 5.5 auch nicht (siehe Anhang).

Ganz davon abgesehen würde ich das Hover- und das Normalbild jeweils zu einem zusammenfügen und durch verändern der background-position verschieben. Es sieht halt nicht so gut aus, wenn das Hoverbild beim hovern erst noch geladen werden muss.

[ingozen]

Firefox auf dem Mac funzt, Safari siehe Anhang.
Das liegt an deinen display: Geschichten, die sind hierfür nicht geeignet.
Eigentlich brauchst du nur floaten, siehe hier …

<ul id="point">
        <li><a href="#" class="home">Home</a></li>
        <li><a href="#" class="wuu">Wir über uns</a></li>
        <li><a href="#" class="konz">Konzerte</a></li>
        <li><a href="#" class="flygal">Flyer-Galerie</a></li>
        <li><a href="#" class="links">Links</a></li>
</ul>

(Im übrigen lässt sich auch noch fett Code sparen, schaus dir an …)

body{
    margin: 20px;
  }

#point {
    width: 697px;
    height: 65px;
    margin:0 auto;
    padding: 0 0 0 41px;
    list-style:none;
    background: url(http://test.elbona.ch/css_hover_menu/bilder/nkey.gif) no-repeat;
}

#point li {
    float: left;
    margin:0;
    padding:0;
}

#point li a {
    display: block;
    height: 65px;
    text-decoration: none;
    text-indent: -3000px;
    font: 0px/0 sans-serif;
}

#point li a.home {
    width: 74px;
    background: url(http://test.elbona.ch/css_hover_menu/bilder/btn_home.gif) no-repeat;
}

#point li  a.home:hover {
    background: url(http://test.elbona.ch/css_hover_menu/bilder/btn_home_o.gif) no-repeat;
}

#point li  a.wuu {
    width: 167px;
    height: 65px;
    background: url(http://test.elbona.ch/css_hover_menu/bilder/btn_wuu.gif) no-repeat;
}

#point li  a.wuu:hover {
    background: url(http://test.elbona.ch/css_hover_menu/bilder/btn_wuu_o.gif) no-repeat;
}

#point li  a.konz {
    width: 130px;
    background: url(http://test.elbona.ch/css_hover_menu/bilder/btn_konz.gif) no-repeat;
}

#point li  a.konz:hover {
    background: url(http://test.elbona.ch/css_hover_menu/bilder/btn_konz_o.gif) no-repeat;
}

#point li  a.flygal {
    width: 182px;
    background: url(http://test.elbona.ch/css_hover_menu/bilder/btn_flygal.gif) no-repeat;

}

#point li  a.flygal:hover {
    background: url(http://test.elbona.ch/css_hover_menu/bilder/btn_flygal_o.gif) no-repeat;
}

#point li  a.links {
    width: 103px;
    background: url(http://test.elbona.ch/css_hover_menu/bilder/btn_links.gif) no-repeat;
}

#point li  a.links:hover {
    background: url(http://test.elbona.ch/css_hover_menu/bilder/btn_links_o.gif) no-repeat;
}

[Nele]

Streber!

[ingozen]

Du bist ja nur neidisch auf meinen phantastischen Editor …

[bona]

wow danke ingozen, soweit war ich zwar nochnicht, aber danke dass du mir die gedankenschmerzen wegnimmst hatte eine längere pause und wisste nicht mehr, wie ich es früher gemacht habe


erschreckend diese browsereigenheiten :P
muss mir dringend mehrere installieren


(sieht es nun, dank ingozen's code besser aus??)

[ingozen]

Ich sitz gerade am PC …
Firefox gut, Safari gut, Opera gut … IE hab' ich hier deinstalliert.

Find ich jetzt abe auch nicht sooo überraschend …

EDIT

zurück im Büro …
Auch auf dem Mac ist alles jut.

[bona]

ach ja, mir ist gerade aufgefallen, dass du einen absoluten pfad für die Bilder verwendest und ich hatte einen relativen.
ist ein absoluter pfad besser?

[Rinaldo]

Sollte keinen Unterschied machen - Ingo hatte halt nur nicht die passenden Bilder zur Hand .