Hallo,
ich verwende das ypslideoutmenu. Die erste Ebene ist grafisch als Hintergrundbild ausgeführt, die weiteren Ebenen normal als Textvariante. Jetzt habe ich konkret drei Darstellungsprobleme.
1. In allen Internet Explorer Versionen wird keine Hand über dem Link der ersten Ebene angezeigt
2. In allen Browsern, (außer Firefox 3 und IE7) klappt das Menü an der falschen Position auf. Entweder erscheint es am oberen Browserrand, und man kann die erste Ebene nicht klicken, oder es ist ganz am linken Browserrand.
3. Im Opera zeigt das Menü keinerlei Funktion?
Hier zum Link: http://www.keck-anderl.de
Ich habe jetzt schon verschiedene CSS und TypoScript Varianten ausprobiert, komme aber nicht drauf, woran das liegen könnte?
Hier mein TS:
lib.mainmenu = HMENU
lib.mainmenu {
special = directory
//Beginn, Ausschluss
special.value = 1
excludeUidList = 30
stdWrap.dataWrap = <ul>|</ul>
stdWrap.required = 1
//Eigene CSS Styles
cssfile = 0
korek_css = padding-bottom:20px;margin-left:1px;text-align:left
aniLen = 800
hideDelay = 5
minCPUResolution = 10
kore_so_x = -2
div_id_layer = yymenu
1 = tx_menu_ypslideoutmenu
1 {
expAll=1
NO = 1
NO {
stdWrap.cObject = COA
stdWrap.cObject {
10 = IMG_RESOURCE
10.stdWrap.wrap = <span class="imglink" style="background-image: url('|')">
10.file = GIFBUILDER
10.file {
#XY = [10.w]+[20.w]+23,[10.h]+10
XY = [10.w]+[20.w]+23,32
transparentColor = #363636
backColor = #363636
10 = TEXT
10 {
text.field = subtitle//title
fontSize = 17
fontFile = fileadmin/templates/fonts/artbrush.ttf
offset = 1,19
fontColor = #1f1f1f
niceText = 0
}
//Doppeletr Text für Gravureffekt (eingedrückt)
20 = TEXT
20 {
text.field = subtitle//title
fontSize = 17
fontFile = fileadmin/templates/fonts/artbrush.ttf
offset = 2,20
fontColor = #ffffff
niceText = 0
}
}
20 = TEXT
20.field = subtitle//title
20.wrap = <strong class="hideme">|</strong></span>
}
linkWrap = <li>|</li>
ATagBeforeWrap = 0
}
}
2 = tx_menu_ypslideoutmenu
2 {
moveTo = down
height = 22
width = 177
expAll=1
NO {
}
}
//Keine dritte Ebene
/*
3 < .2
3.moveTo = right
3.width= 177
*/
}
Und mein CSS:
/*############################################################
Hauptmenü*/
/*Erste Ebene UL*/
#nav_main ul {
margin-left:200px;
background-image: url(../../img/linktrenner_quer.png);
background-repeat: no-repeat;
background-position: right top;
}
/*Erste Ebene Listenelemente*/
#nav_main li {
float:left;
list-style-type:none;
background-image: url(../../img/linktrenner_quer.png);
background-repeat: no-repeat;
background-position: 0px -1px;
}
/*Erste Ebene Linkgrafik*/
.imglink {
background-repeat:no-repeat;
background-position:10px;
height: 32px;
width:85px;
display:block;
}
/*Höhere Ebenen Links, wird im Moment nicht benötigt, da keine dritte Ebene im Menü*/
#yymenu a {
background-color:#F5F5F5;
width:130px;
color:#ffffff;
font-size: 95%;
display:block;
margin:0px;
padding:5px 0px 5px 8px;
text-decoration:none;
background:transparent url(../../img/bg_foldout_normal.png) no-repeat scroll 0 0;
border-right:1px solid #262626;
border-left:1px solid #262626;
}
#yymenu a.last {
/*border-bottom: 2px solid #262626;*/
}
#yymenu {
background-color:#4D6681;
}
/*Div Tag des Foldouts*/
#yymenu > div {
margin-top:0px;
}
/*Hover des Foldouts*/
#yymenu a:hover {
color:#ffffff;
background-color: #4a4a4a;
background-image: url(../../img/bg_foldout_hover.png);
background-repeat: no-repeat;
}
#yymenu .mmContent div.mmlink a.submenu:hover {
}
#yymenu .mmLevel1, #yymenu .mmLevel2 {
margin-bottom:0px;
padding-top:0px;
}
#yymenu .sub {
background-image:url(../../images/ypmenu_pfeilg.gif);
background-position:right center;
background-repeat:no-repeat;
}
#yymenu .mmContent {
}
#yymenu .mmLevel1 {
}
MFG Anderl