| Autor |
Nachricht |
Akido
Threadersteller
Dabei seit: 23.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 14.02.2008 23:55
Titel li:hover funzt nicht im IE6 |
  |
|
Hi zusammen,
wie schon im Titel beschrieben hab ich eine kleine auseinandersetzung mit dem IE6...
Mittlerweile hab ich schon herausgefunden dass der IE6 nur a-Elemente hovern kann, was mir mitnichten weiterhilft...
Das weitere Problem ist, dass er das Hintergrundbild nur "sporadisch" anzeigt... meistens erst nachdem ich mit der Maus drüber gefahren bin. ich wär ja froh, wenn das wenigstens schon mal funzt...
Übrigens hab ich (fast) die gleiche Navigation noch mal in horizontaler Variante, da gehts (bis auf das li:hover...)
also, kurz zur CSS:
| Code: |
#v-nav {
font-size:93%;
line-height:normal;
}
#v-nav ul {
margin:0;
padding:0;
list-style:none;
}
#v-nav li {
background-image: url(../images/buttons/btn-v_bottom_bg.jpg);
background-repeat: no-repeat;
background-position: bottom;
margin:0;
padding:0;
}
#v-nav a {
display: block;
background-image: url(../images/buttons/btn-v_top_bg.jpg);
background-repeat: no-repeat;
background-position: top;
padding: 5px 15px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
#v-nav li:hover {
background-image: url(../images/buttons/btn-v_bottom_bg_on.jpg);
background-repeat: no-repeat;
background-position: bottom;
}
#v-nav a:hover {
background-image: url(../images/buttons/btn-v_top_bg_on.jpg);
background-repeat: no-repeat;
background-position: top;
padding: 5px 15px;
}
|
der HTML teil ist denkbar einfach:
| Code: |
<div id="v-nav">
<ul>
<li><a href="#">klick-mich1</a></li>
<li><a href="#">klick-mich2</a></li>
<li><a href="#">klick-mich3</a></li>
</ul>
</div>
|
kann mir bitte einer sagen was da los ist? ich bin am ende mit meinem Latein.
wie gesagt, ich wäre schon mal froh, wenn wenigstens der Hintergrund (immer) angezeigt wird.
thx schon mal im Voraus!
|
|
| |
  |
 |
Mark-Korb
Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht: 
|
Verfasst Fr 15.02.2008 00:34
Titel
|
|
|
iE 6 kann nicht au li oder anderen elmenten hovern.
Der kann das nur auf a, wie du schon richtig erkannt hast.
nimm die
mal raus und mach beim a:hover
und möglicherweise liegst am
schreib das mal so
| Code: | | padding: 5px 15px 0 0 ; |
edit:
post mal deinen Doctype.
Zuletzt bearbeitet von Mark-Korb am Fr 15.02.2008 00:35, insgesamt 1-mal bearbeitet
|
|
| |
|
|
|
Anzeige
|
|
|
l3mon
Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht:
|
Verfasst Fr 15.02.2008 01:20
Titel
|
|
|
[gähn] ne ned weil langweiliges thema - weil müde[/gähn]
tip:
li:hover für non-IE-Browser --- a:hover für IE
also zb: | Code: | .menu ul li:hover a, .menu ul li a:hover{
text-decoration: underline;
} |
Zuletzt bearbeitet von l3mon am Fr 15.02.2008 01:21, insgesamt 1-mal bearbeitet
|
|
| |
|
|
drosteman79
Gesperrt
Dabei seit: 28.11.2007
Ort: Börlien
Alter: -
Geschlecht:
|
|
| |
|
|
Akido
Threadersteller
Dabei seit: 23.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 15.02.2008 11:53
Titel
|
|
|
| Mark-Korb hat geschrieben: |
post mal deinen Doctype.
|
ist XHTML 1.0 Transitional
und bevor die nächste frage kommt:
 ja, der xmlns tag ist auch gesetzt
oder liegts daran?... probier ich gleich mal aus!
so, der rest hats leider auch nicht gebracht. wie gesagt, ich wär schon froh wenn der Hintergrund angezeigt wird, den hover-effekt mach ich schlimmsten falls in JS, aber den htc-hack probier ich auch gleich noch.
UPDATE:
so, anderer Doctype bringts auch nicht...
htc hab ich auch probiert, funzt aber auch ned.
wenn ich das richtig verstanden hab wird die über CSS so eingebunden, oder?:
| Code: | | body { behavior: url (/csshover.htc); } |
habs auch mal versucht als Javascript einzubauen, geht aber auch ned...
Kann ned mal einer für alles was <IE7 eine Virenmeldung rausbringen? echt, manche leute check ich ned... geben tausende von € für ihre IT aus, gurken aber dann immer noch mit dem IE6 durch die gegend...  ....... 
Zuletzt bearbeitet von Akido am Fr 15.02.2008 12:17, insgesamt 1-mal bearbeitet
|
|
| |
|
|
drosteman79
Gesperrt
Dabei seit: 28.11.2007
Ort: Börlien
Alter: -
Geschlecht:
|
Verfasst Fr 15.02.2008 12:26
Titel
|
|
|
| Akido hat geschrieben: | | Mark-Korb hat geschrieben: |
post mal deinen Doctype.
|
ist XHTML 1.0 Transitional
und bevor die nächste frage kommt:
ja, der xmlns tag ist auch gesetzt
oder liegts daran?... probier ich gleich mal aus!
so, der rest hats leider auch nicht gebracht. wie gesagt, ich wär schon froh wenn der Hintergrund angezeigt wird, den hover-effekt mach ich schlimmsten falls in JS, aber den htc-hack probier ich auch gleich noch.
UPDATE:
so, anderer Doctype bringts auch nicht...
htc hab ich auch probiert, funzt aber auch ned.
wenn ich das richtig verstanden hab wird die über CSS so eingebunden, oder?:
| Code: | | body { behavior: url (/csshover.htc); } |
habs auch mal versucht als Javascript einzubauen, geht aber auch ned...
Kann ned mal einer für alles was <IE7 eine Virenmeldung rausbringen? echt, manche leute check ich ned... geben tausende von € für ihre IT aus, gurken aber dann immer noch mit dem IE6 durch die gegend... ....... |
Die Einbindung ist doch lang und breit erklärt!
|
|
| |
|
|
Akido
Threadersteller
Dabei seit: 23.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 15.02.2008 14:14
Titel
|
|
|
ole ole!!! 
jetzt geht schon mal der :hover von der horinzintalen Navi... aber die vertikale macht immer noch macken...............
hatte nen falschen pfad drinnen... 
|
|
| |
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Fr 15.02.2008 21:35
Titel
|
|
|
Du brauchst kein JS, um beim Hovern 2 verschiedene Hintergrundbilder zu ändern:
| Code: | | <a href="#"><span>text</span></a> |
| Code: | a,
span {
display: block;
}
a:hover {
background: ...
}
a:hover span {
background: ...
} |
Das läuft sogar im IE 5.0.
Damit der IE beim Hovern weiterhin die übliche Hand-Form zeigt, bekommt er noch
| Code: | a span {
cursor: pointer
} |
(der IE 5.x braucht "hand" - nicht valide, aber dank Einbindung per CC ist das nicht sooo relevant.)
Das prinzipiell überflüssige span wäre mir in jedem Fall lieber als eine Lösung per JS, denn das ist nicht selten deaktiviert und dann sieht die Navi nicht so aus wie sie soll.
Zuletzt bearbeitet von heiko_rs am Fr 15.02.2008 21:39, insgesamt 2-mal bearbeitet
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Drop Down Menü - FF funzt, IE funzt nicht
hover-Button/hover-Bild wird darunter eingefügt
lichtschwert wie funzt das?
Browserweiche funzt net?
[Hyperlink] funzt nicht
[PHP]MySQL Connect funzt net
|
|
Willkommen auf dem Portal für Mediengestalter
