hi
hatte das gleiche problem...ich habs mal für das tmenu_layers hingekriegt allerdings nicht bei opera. zu sehen hier:
Kölner Segelschule, Bootsführerschein, Sportbootführerschein, Segelschein, Köln.
hier mein skript:
Typoscript-Code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
|
page.includeLibs.tmenu_layers = media/scripts/tmenu_layers.php
page.10 = HMENU
page.10.special = list
page.10.special.value = 3,2,12,11
page.10.1 = TMENU_LAYERS
page.10.1 {
layerStyle = position:absolute;VISIBILITY:hidden;
lockPosition = x
relativeToParentLayer=1
relativeToTriggerItem=1
topOffset=28
hideMenuWhenNotOver = 50
hideMenuTimer = 70
expAll=1
wrap = <table border="0" width="100%" cellpadding="0" cellspacing="0"><tr> | </tr></table>
NO {
allWrap = <td>|</td>
ATagParams = class="menu_waagerecht_1"
}
ACT {
allWrap = <td>|</td>
ATagParams = class="menu_waagerecht_1_act"
}
ACT = 1
}
page.10.2 = TMENU
page.10.2 {
wrap = <table border="0" cellpadding="0" cellspacing="0"> | </table>
NO {
allWrap = <tr><td> | </td></tr>
ATagParams = class="menu_waagerecht_2"
}
} |
und im css
HTML-Code:
/* alles fürs waagerechte Menü */
a.menu_waagerecht_1 {
height: 28px;
font-family: verdana,arial,sans-serif;
font-size: 11px;
text-decoration: none;
color: #002F32;
padding-top: 8px;
display: block;
padding-left: 10px;
padding-right: 10px;
text-align: left;
font-weight: bold;
padding-right: 5px;
}
a.menu_waagerecht_1:hover, a.menu_waagerecht_1_act {
height: 28px;
font-family: verdana,arial,sans-serif;
font-size: 11px;
text-decoration: none;
color: #002F32;
padding-top: 8px;
display: block;
padding-left: 10px;
padding-right: 10px;
text-align: left;
font-weight: bold;
padding-right: 5px;
background-color: #BDCF76;
}
a.menu_waagerecht_2 {
font-family: verdana,arial,sans-serif;
font-size: 11px;
text-decoration: none;
color: #002F32;
padding-top: 10px;
display: block;
padding-left: 10px;
padding-right: 10px;
height: 28px;
background-color: #D4E0A5;
text-align: left;
padding-right: 5px;
}
a.menu_waagerecht_2:hover {
font-family: verdana,arial,sans-serif;
font-size: 11px;
text-decoration: none;
color: #002F32;
padding-top: 10px;
display: block;
padding-left: 10px;
padding-right: 10px;
height: 28px;
background-color: #BDCF76;
text-align: left;
padding-right: 5px;
}
das ist eine absolute dirty-sache mit einer tabelle drumrum und so käse. eine alternative ist das ypmenu. ist etwas komplex in der installation aber unterstützt sogar transparenz und slidet raus. einfach mal in den foren nach ypmenu suchen. bzw. kann dir auch den code hierzu geben.
zu sehen im liveeinsatz hier:
Kai Buschmann, Landtagskandidat Baden-Württemberg 2006
grüsse
sissi