Hallo Forum,
ich bastle schon seit 2 Tagen an folgendem Problem:
Ich habe ein Dropdown-Menü per CSS erstellt.
Es klappt soweit - außer am IE6 wird das Submenü nicht ausgeklappt (li:hover)
Um auch unter IE6 das li:hover zu ermöglichen, versuche ich gerade die csshover3.htc einzubinden.
Hier mein CSS-Code:
body {
behavior: url(http://www.adresse.com/fileadmin/templates/scripts/csshover3.htc);
}
mein fileadmin-Verzeichnis sieht so aus:
fileadmin/
templates/
scripts/
csshover3.htc
css/
stylesheet.css
html/
mainTemplate.html
Ich vermute, dass die HTC-Datei nicht richtig referenziert wird - hab allerdings schon alle möglichen Pfade (relativ und absolute) ausprobiert - leider ohne Erfolg.
Hat irgendjemand eine Idee wie man das Problem lösen könnte?
Vielen Dank im Voraus!
...hat sich erledigt...
Grund dafür war, das das CSS der Navigation bzw. Subnavi falsch war.
Der Pfad zur csshover3.htc stimmte die gesamte Zeit.
Das Menü sieht so aus (ein wenig umständlich - war aber der wunsch vom Kunden)
navi = HMENU
navi {
special = directory
special.value = 353
onBlur = 1
1 = GMENU
1 {
# wrap = <div class="mainnavi">|</div>
expAll=1
NO = 1
NO {
wrap = <span class="navi1" id="nav">|</span>
transparentBackground = 1
XY = [10.w],22
align = center
10 = TEXT
10 {
text.field = title
text.case = upper
fontColor = #333333
fontFile = fileadmin/templates/fonts/HMENU.TTF
fontSize = 11
niceText = 1
offset = 0,14
align = left
}
}
RO < .NO
RO = 1
RO {
10.fontColor = #F58220
}
ACT < .RO
ACT = 1
IFSUB < .NO
IFSUB = 1
IFSUB {
wrap = <span class="navi1">|
ATagBeforeWrap = 1
htmlSpecialChars = 1
}
ACTIFSUB < .IFSUB
ACTIFSUB = 1
ACTIFSUB.10.fontColor = #F58220
IFSUBRO < .RO
IFSUBRO = 1
ACTIFSUBRO < .RO
ACTIFSUBRO = 1
}
2 = TMENU
2 {
wrap = <br/><div style="position:absolute;"><ul> | </ul></div></span>
expAll = 1
NO.ATagTitle.field = subtitle//title
NO.ATagParams= class="naviactive"
NO.linkWrap = <li>|</li>
IFSUB = 1
IFSUB {
wrapItemAndSub = <li>|</li>
}
ACT < .NO
ACT = 1
# ACT.ATagParams = class="naviactive"
}
}
und das richtige CSS sieht so aus (vom Subnavi):
body {
behavior: url(fileadmin/templates/scripts/csshover3.htc);
}
/*Aufklappbares Subnavi */
span.navi1 div ul {
margin: 0;
padding: 0;
display: none;
}
span.navi1:hover div ul {
top: -3px;
left: -5px;
position: relative;
display: block;
float: none;
width: 10px;
}
span.navi1:hover div ul li,
span.navi1:hover div ul li a {
background: #C6C6C6;
opacity: .95;
filter: alpha(opacity=95);
font-family: Arial;
line-height: 14px;
font-weight: normal;
font-size: 11px;
margin: 0px;
border-bottom: 1px solid #FFFFFF;
padding: 2px;
list-style-type: none;
color: #333333;
height: 14px;
width: 120px;
}
span.navi1:hover div ul li:hover {
background-color: #7D7979;
}
span.navi1:hover div ul li:hover a
{
color: #F58220;
width: 120px;
padding-right: 90px;
background: transparent;
}
Firefox u. IE 7 konnten das fehlerhafte Submenu-CSS auflösen - die .htc-Datei für IE6 aber nicht.
Schöne Grüße
Hallo Pezibär,
das gleiche Problem hab ich auch, und es scheitert bei mir offenbar nicht an einem falschen css, sondern an meinem Halbwissen: Wo kann ich denn in meinem bestehenden Template die drei Zeilen mit dem body-behaviour einbauen, damit das alle Seiten betrifft und meine Navigation endlich funzt? Meine Baustelle entsteht gerade unter http://www.das-oswald.de/spielplatz
Danke im Voraus für Dein Verständnis für Anfängerfragen ...