Zum Inhalt springen

Mischung aus GMENU und TMENU

Erstellt am 1. Juni 2007 · 3 Antworten · letzte Antwort am 11. Juni 2007

Tags: Frage

Schiedsrichter ·

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

Schiedsrichter ·

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