Navigation mit Hintergrundbilder klappt nicht im Inet-Explorer....

-anja-

Mitglied
Thread Starter
Dabei seit
04.07.2007
Beiträge
71
Reaktionspunkte
0
Hallo!

Ich schon wieder.. ich hab noch ein Problem :rolleyes: .. Nach dem ich mein letztes jetzt (hoffentlich) gelöst habe, tut sich im Internet Explorer ein neues auf.

Ich habe eine List als Navi:

<div id="left">

<ul>

<li><a href="uv_offset.html">UV-Offset</a></li>

<li><a href="uv_spotlackierung.html">UV-Spotlackierung</a></li>

<li><a href="hybrid.html">Hybrid-Lackverfahren</a></li>

<li id="ak2"><a href="dripoff.html">Drip-Off-Lackverfahren</a></li>

<li><a href="flaechenschutz.html">Fl&auml;chen-/Schutzlack</a></li>

<li><a href="iriodin.html">Iriodin</a></li>

<li><a href="ecp.html">ECP - Exact Color Print</a></li>

<li><a href="metalfx.html">Metal FX</a></li>

<li><a href="duftlack.html">Duftlack</a></li>

<li><a href="druckauf.html">Druck auf Spezialmaterial</a></li>

<li><a href="stanzprae.html">Stanzungen &amp; Pr&auml;gungen</a></li>

<li><a href="cellophanierung.html">Cellophanierung</a></li>

<li><a href="siebdruckanwendungen.html">Siebdruckanwendungen</a></li>

</ul>

</div>

Und dazu das CSS hier:
#left {

position: absolute;

top: 0;

left: 0;

width: 175px;

height: 575px;

border-right: 1px solid white;

margin-top: 127px;

}

#left li {

list-style-type: none;

border-bottom: 1px solid white;

line-height: 25px;

}

#left a {

display: block;

width: 155px;

font-size: 11px;

color: #752828;

text-decoration: none;

padding-left: 20px;

line-height: 25px;

background: #cccccc:

}

#left a:hover,

#left a:active,

#left a:focus {

background-image: url(../pics/menu2/bg_over.gif);

}

#left #ak2 {

background-image: url(../pics/menu2/bg_ak.gif);

}

Also, der soll, wenn die Maus drüber ist das Bild "bg_over" anzeigen (ist ein grauer Punkt an der Seite) und das von mir als aktiv gekennzeichnete kriegt auch n Hintergrundbild, nämlich den Punkt in rot.
Im Safari und Camino klappts. Aber im Explorer kommt der graue Punkt wenn ich mit der Maus über mehrere Menüpunkte gehe, und geht nicht mehr weg! Dann schiebt der mir noch irgendwelche anderen Schriften ausm Menü da rein. Wenn ich dann neu lade ist alles wieder weg, aber ich hab halt vorher alles voller Punkte und durcheinander.

Ist das auch wieder eine Marotte vom IE? :(

Hab halt keine Ahnung was das sein kann! .....:confused:

Vielleicht erbarmt sich noch mal jemand und hilft mir?

Liebe Grüße...
 
Zuletzt bearbeitet:
Und so soll's nich aussehen, tuts aber leider:
 
Code:
#left a:hover,

#left a:active,

#left a:focus

Das hier ist falsch. Es gibt eindeutige Regeln bei den Links.
Ich glaub das war so ungefähr?

Links - active- focus - visited - hover

Du legst schon mal das Bild auf hover und active, dabei lässt Du das wichtigste weg! Link
 
Das hier ist falsch. Es gibt eindeutige Regeln bei den Links.
Ich glaub das war so ungefähr?

Links - active- focus - visited - hover

Nee ;)

Der Spruch ist "LoVe HA!?" Fokus ist später neu dazugekommen, deswegen findet man das nicht im Spruch...

L - :link
V - :visited
F - :focus
H - :hover
A - :active


2nd
 
Zurück
Oben Unten