Hallo,
vielleicht könnt ihr mir bei meinem Problem weiterhelfen.
Ich habe ein GMENU erstellt was auch wunderbar funktioniert. Nun möchte ich das eventuelle Subseiten vorhanden sind diese bei einem RollOver angezeigt werden.
Hier mal mein momentanes TS:
temp.topnav = COA
temp.topnav = HMENU
temp.topnav{
special = list
special.value = 242,241,240,239,238
1 = GMENU
1 {
wrap=<table cellspacing="0" cellpadding="0" id="menu1" class="ddmx" width:="" 100=""><tr><td style="background: URL('fileadmin/template/images/topnav_left.gif'); width: 5px;"> </td>|<td style="background: URL('fileadmin/template/images/topnav_middle.gif'); width: 540px;"> </td><td style="background: URL('fileadmin/template/images/topnav_right.gif'); width: 5px;"> </td></tr></table>
NO {
wrap=<td>|</td>
XY = [100.w]+10, 30
##XY = 128, 30
10 = IMAGE
10.file = fileadmin/template/images/topnav_middle.gif
10.dimension = 128,30
10.tile = 5,0
100 = TEXT
100.text.field = title
100.fontColor = #FFFFFF
100.fontFile = fileadmin/fonts/OFFISNW_.TTF
100.fontSize = 12
100.niceText = 1
100.niceText.sharpen = 4
100.antiAlias = 1
100.offset = 5,20
}
RO < .NO
RO = 1
RO {
5 = IMAGE
5.file = fileadmin/template/images/topnav_tab_left.gif
5.dimension = 5,30
5.offset = 0,0
10 = IMAGE
10.file = fileadmin/template/images/topnav_tab_middle.gif
10.dimension = [100.w]-10, 30
10.tile = 5,0
10.offset = [5.w], 0
15 = IMAGE
15.file = fileadmin/template/images/topnav_tab_right.gif
15.dimension = 5,30
15.offset = [100.w]+6, 0
100.fontColor = #000000
}
}
}
Wo muss ich da ansetzen?
Vielen Dank
Hallo,
Stichwort ist wohl GMENU_LAYERS oder http://www.just2b.com/mein-typo3/css-ts-menues.html länglicher Thread dazu:
#39055
georg
Hallo,
erstmal vielen dank für den Link. Ich habe mir das alles angesehen und möchte jedoch selbst die Lösung finden(wie klingt das dennn). Auf jedenfall mache ich ungern Copy&Paste ohne zu verstehen was da passiert. Nun habe ich folgendes
TS
temp.topnav = HMENU
temp.topnav {
special = list
special.value = 242,241,240,239,238
1=GMENU
1 {
wrap = <div id="nav_left"></div><div id="nav_middle"><table cellspacing="0" cellpadding="0" id="menu1" class="ddmx" style="width: 100%;">| </table></div><div id="nav_right"></div>
expAll = 1
noBlur = 1
NO = 1
NO {
allWrap = <td>|</td>
#transparentBackground = 1
XY = [100.w]+10, 30
10 = IMAGE
10.file = fileadmin/template/images/topnav_middle.gif
10.dimension = 128,30
10.tile = 5,0
100 = TEXT
100.text.field = title
100.fontColor = #FFFFFF
100.fontFile = fileadmin/fonts/OFFISNW_.TTF
100.fontSize = 12
100.niceText = 1
100.niceText.sharpen = 4
100.antiAlias = 1
100.offset = 5,20
}
RO <.NO
RO {
5 = IMAGE
5.file = fileadmin/template/images/topnav_tab_left.gif
5.dimension = 5,30
5.offset = 0,0
10 = IMAGE
10.file = fileadmin/template/images/topnav_tab_middle.gif
10.dimension = [100.w]-10, 30
10.tile = 5,0
10.offset = [5.w], 0
15 = IMAGE
15.file = fileadmin/template/images/topnav_tab_right.gif
15.dimension = 5,30
15.offset = [100.w]+6, 0
100.fontColor = #000000
}
ACT <.RO
ACT = 1
}
2 = TMENU
2 {
wrap = <div class="section"> | </div>
expAll = 1
noBlur = 1
NO.ATagParams = class="item2"
NO = 1
}
# 3 <.2
# 4 <.3
}
Was den folgenden HTML Output generiert:
<div id="topnav">
<div id="nav_left"></div>
<div id="nav_middle">
<div class="section">
<a class="item2" href="services/services-11/">Services 1.1</a>
<a class="item2" href="services/services-12/">Services 1.2</a>
</div>
<div class="section">
<a class="item2" href="about/subsite-1/">Subsite 1</a>
<a class="item2" href="about/subsite-2/">Subsite 2</a>
<a class="item2" href="about/subsite-3/">Subsite 3</a>
</div>
<table id="menu1" class="ddmx" style="width: 100%;" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<a href="products/" onmouseover="over('img242_c5fe_0');" onmouseout="out('img242_c5fe_0');">
<img src="typo3temp/menu/bdbe8dea11.png" alt="Products" name="img242_c5fe_0" border="0" height="30" width="64">
</a>
</td>
<td>
<a href="applications/" onmouseover="over('img241_c5fe_1');" onmouseout="out('img241_c5fe_1');">
<img src="typo3temp/menu/68cabea287.png" alt="Applications" name="img241_c5fe_1" border="0" height="30" width="90">
</a>
</td>
<td>
<a href="services/" onmouseover="over('img240_c5fe_2');" onmouseout="out('img240_c5fe_2');">
<img src="typo3temp/menu/c8baeaa801.png" alt="Services" name="img240_c5fe_2" border="0" height="30" width="62">
</a>
<!-- Hier sollte eigentlich der entsprechende Section Bereich kommen der aber vor der Table ist -->
</td>
<td>
<a href="support/" onmouseover="over('img239_c5fe_3');" onmouseout="out('img239_c5fe_3');">
<img src="typo3temp/menu/3d51753207.png" alt="Support" name="img239_c5fe_3" border="0" height="30" width="60">
</a>
</td>
<td>
<a href="about-kontron/" onmouseover="over('img238_c5fe_4');" onmouseout="out('img238_c5fe_4');">
<img src="typo3temp/menu/7ea461c88c.png" alt="About" name="img238_c5fe_4" border="0" height="30" width="103">
</a>
<!-- Hier sollte eigentlich der entsprechende Section Bereich kommen der aber vor der Table ist -->
</td>
</tr>
</tbody>
</table>
</div>
<div id="nav_right"></div>
</div>
Mein Problem ist nun, das die entsprechenden Submenüs (class="section") an der falschen Position kommen. Diese sollten eigentlich in der entsprechenden Tabellenzelle nach dem A TAG kommen und nicht beide vor der Tabelle.
Wo muss ich da dran schrauben?
Vielen Dank
Jürgen
Hallo,
kann mir hier keiner weiterhelfen?
Vielen dank
Jürgen