Linearer Modus

freaked · 02.09.2012 10:17

mal wieder zum verzweifeln, vorab der CSS code für mein menü.

Code:

.menuimage {

    display:inline;

    vertical-align:middle;

    border:0px;

}

a.menu {

    vertical-align:middle;

    line-height:0px;

    padding:5px;    

    COLOR: #FFFFFF;

    TEXT-DECORATION:none;

    FONT-SIZE:22px;

    font-family: 'Segoe UI', Verdana, Tahoma;

}

a.menu:visited {

    vertical-align:middle;

    line-height:0px;

    padding:5px;

    COLOR: #FFFFFF;

    TEXT-DECORATION:none;

    FONT-SIZE:22px;

    font-family: 'Segoe UI', Verdana, Tahoma;    

}

a.menu:hover {

    vertical-align:middle;

    line-height:0px;

    padding:5px;    

    COLOR: #FFFFFF;

    TEXT-DECORATION:none;

    FONT-SIZE:22px;

    font-family: 'Segoe UI', Verdana, Tahoma;

    background-color:#256CC5;    

}

a.menu:active {

    vertical-align:middle;

    line-height:0px;

    padding:5px;

    COLOR: #8BC1FE;

    TEXT-DECORATION:none;

    FONT-SIZE:22px;

    font-family: 'Segoe UI', Verdana, Tahoma;

    background-color:#256CC5;        

}

weiters der codeausschnitt aus dem menü.

Code:

<a href="/index.php" class="menu"><img src="/images/start.png" class="menuimage">Start</a><img src="/images/dividor.png" class="menuimage">

es sollte ja nicht zu viel verlangt sein, dass das auch hinhaut. aber der IE9 spackt rum mit dem hover-effekt, er bleibt oft da, oder spackt mit den transparenten pngs rum:

[Bild: hover.png]

im fuchs sieht es aus wie es soll, opera auch.

[Bild: hover2.png]

testlink: http://www.freakedenough.at, gelber punkt zeigt jeweils die position der maus

kann mir mal einer erklären wo das problem liegt? im IE10 funzt es einwandfrei >_>, oder wenn ich im ie9 auf dokumentenmodus IE8 oder IE7 schalte

s4ndwichMakeR · 02.09.2012 13:18

Zitat:This is actually cause by the fact that IE does not recognize the :hover psuedo class on non-anchor (<a>) elements unless you use STRICT document type:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Quelle: http://stackoverflow.com/questions/52342...-input-ele

Teste das mal. Das würde mich jetzt auch mal interessieren. Ich hab leider kein Windows-System zum Testen parat.

EDIT: Moment mal, du hast doch Ankerelement ge:hovert. Aber trotzdem finde ich merkwürdig, dass meine Recherche so oft beim verwendeten Doctype landet. Liegt’s tatsächlich an HTML5? o_O

**winfreak** · 02.09.2012 13:21

Das sieht ja richtig schlimm im IE aus. Probier aber mal das oben Genannte.

freaked · 02.09.2012 13:41

ich änder sicher nicht schon wieder den doctype, das ist ja echt schon lächerlich, dass der für sowas zu blöd sein soll? wo ist da die beauty of the web?

02.09.2012 13:59

Der IE hat sich noch nie richtig an Webstandards gehalten. Sieht man auch daran, dass die anderen es richtig hinbekommen.
Schade, dachte eigentlich, dass der 10er das mal hinbekommt.

**winfreak** · 02.09.2012 14:00

(02.09.2012 13:59)mrshadowtux schrieb: Der IE hat sich noch nie richtig an Webstandards gehalten. Sieht man auch daran, dass die anderen es richtig hinbekommen.
Schade, dachte eigentlich, dass der 10er das mal hinbekommt.

Er testet ja auch im 9er

freaked · 02.09.2012 14:01

der 10er kanns ja. der 9er im 8er kompatibimodus ja auch, nur im ie9 modus nicht (f12 entwicklertools)

**winfreak** · 02.09.2012 14:02

(02.09.2012 14:01)freaked schrieb: der 10er kanns ja. der 9er im 8er kompatibimodus ja auch, nur im ie9 modus nicht (f12 entwicklertools)

Was zum Teufel? Jetzt wird's aber kurios.
EDIT: Mal was anderes...

Bau doch das ganze UM!
Mach den Link als BLOCK Element und nimm die komplette Grafik als Hintergrund. dann sollte das auch klappen.

02.09.2012 14:04

Also DAS kann ich mir beim besten Willen nicht vorstellen, da ist irgendwas nicht in Ordnung.

**winfreak** · 02.09.2012 14:04

(02.09.2012 14:04)mrshadowtux schrieb: Also DAS kann ich mir beim besten Willen nicht vorstellen, da ist irgendwas nicht in Ordnung.

Kann das ganze aber so nachvollziehen.
Bei mir ist es im 9er so, wie er beschreibt.