Zum Inhalt springen

Menüdesign wird wegformatiert

Erstellt am 18. Juli 2006 · 3 Antworten · letzte Antwort am 18. Juli 2006

Tags: Frage

Lifestyle ·

Also ich hab folgendes Problem.
ich habe michg mal durch das Tutorial eigene Templates erstellen gewühlt.
Und habe nun ein Problem mit meinem Menü.
Die Vorlage hat folgenden HTML Code:

<td id="menu_1" width="166" align="left" valign="top"><img src="navigation.jpg" width="166" height="37" alt="" />

              <div class="menu1-level1-no"> <img src="trenner.jpg" border="0" alt="" /><br />
                <a href="fileadmin/template/main/#">Navigation</a></div>
              <div class="menu1-level1-no"> <img src="trenner.jpg" border="0" alt="" /><br />
                <a href="fileadmin/template/main/#">Navigation</a></div>
              <div class="menu1-level1-act"> <img src="trenner.jpg" border="0" alt="" /><br />
                <a href="fileadmin/template/main/#">Navigation</a></div>
              <div class="menu1-level2-no"> <img src="trenner.jpg" border="0" alt="" /><br />
                <a href="fileadmin/template/main/#">Navigation</a></div>
              <div class="menu1-level2-no"> <img src="trenner.jpg" border="0" alt="" /><br />
                <a href="fileadmin/template/main/#">Navigation</a></div>
              <div class="menu1-level2-act"> <img src="trenner.jpg" border="0" alt="" /><br />
                <a href="fileadmin/template/main/#">Navigation</a></div>
              <div class="menu1-level1-no"> <img src="trenner.jpg" border="0" alt="" /><br />
                <a href="fileadmin/template/main/#">Navigation</a></div>
              <div class="menu1-level1-no"> <img src="trenner.jpg" border="0" alt="" /><br />
                <a href="fileadmin/template/main/#">Navigation</a><br />
		<img src="trenner.jpg" border="0" alt="" /></div>
		 </td>

das ganze sieht dann so aus:
Bild: lifestyle.gimyweb.de/…/1.jpg

Sobald nun der Autoparser drüber läuft wird ein Marker erstellt mit dem Namen ###Menu_1### wegen der Menu_1 ID.
Das hat aber zu folge das mir die Grafik und meine trenner wegformatiert werden.

Folgendes steht im Setup:

   content.file = fileadmin/template/main/index.htm
      
      # here we define which element in HTML that
      # should be wrapped in subpart-comments:
   elements {
      BODY.all = 1
      BODY.all.subpartMarker = DOCUMENT_BODY

      HEAD.all = 1
      HEAD.all.subpartMarker = DOCUMENT_HEADER
      HEAD.rmTagSections = title

      TD.all = 1
    }
    
      # Prefix all relative paths with this value:
   relPathPrefix = fileadmin/template/main/
}



# Menu 1 cObject
temp.menu_1 = HMENU
   # First level menu-object, textual
temp.menu_1.1 = TMENU
temp.menu_1.1 {
      # Normal state properties
   NO.allWrap = <div class="menu1-level1-no"> | </div>
      # Enable active state and set properties:
   ACT = 1
   ACT.allWrap = <div class="menu1-level1-act"> | </div>
}
   # Second level menu-object, textual
temp.menu_1.2 = TMENU
temp.menu_1.2 {
      # Normal state properties
   NO.allWrap = <div class="menu1-level2-no"> | </div>
      # Enable active state and set properties:
   ACT = 1
   ACT.allWrap = <dic class="menu1-level2-act"> | </div>
}



# Main TEMPLATE cObject for the BODY
temp.mainTemplate = TEMPLATE
temp.mainTemplate {
      # Feeding the contnet from the Auto-pareser to the TEMPLATE cObject:
   template =< plugin.tx_automaketemplate_pi1
      # Select only the content between the <body>-tags
   workOnSubpart = DOCUMENT_BODY

      # Substitute the ###menu_1### subpart with dynamic menu:
   subparts.menu_1 < temp.menu_1

      # Substitue the ###content### subpart with some example content:
   subparts.content = TEXT
   subparts.content.value = HELLO WORLD - CONTENT
}



# Main Template cObject for the HEAD
temp.headTemplate = TEMPLATE
temp.headTemplate {
      # Feeding the content from the Auto-parser to the TEMPLATE cObject:
   template =< plugin.tx_automaketemplate_pi1
      # Select only the content between the <head>-tags
   workOnSubpart = DOCUMENT_HEADER
}



# Default PAGE object:
page = PAGE
page.typeNum = 0

# Copying the content from TEMPLATE for <body>-section:
page.10 < temp.mainTemplate

#Copying the content from TEMPLATE for <head>-section:
page.headerData.10 < temp.headTemplate

Das ist dann das Ergbnis:
Bild: lifestyle.gimyweb.de/…/2.jpg

Wie kannn ich das denn am besten lösen das meine Trenner und meine Grafik nicht weckformatiert werden vorschläge ???

Unbekannter Benutzer ·

Na bau doch die Grafiken einfach in dein MENÜ Element mit ein...

Etwa so

temp.menu_1 = COA

temp.menu_1.10 = HTML
temp.menu_1.10.value = <img src="navigation.jpg" width="166" height="37" alt="" />

temp.menu_1.20 = HMENU

# hier dann der rest von deinem MENU aber angepasst an temp.menu_1.20
# und überall wo du wraps hast, musst du deine Trenner mit reinbringen... 
# Als Beispiel

 NO.allWrap = <div class="menu1-level1-no"><img src="trenner.jpg" border="0" alt="" /> | </div>

Gruß

Christian

Lifestyle ·

danke für die hilfe, das mit der grafik oben drüber geht nun, aber die ganzen Menüpunkte sind weck,....
hab ich was falsch gemacht ???
hier mein setup bereich:

# Menu 1 cObject
temp.menu_1 = COA
 
temp.menu_1.10 = HTML
temp.menu_1.10.value = <img src="http://lifestyle.gimyweb.de/fileadmin/template/main/navigation.jpg" width="166" height="37">

temp.menu_1.20 = HMENU
   # First level menu-object, textual
temp.menu_1.20 = TMENU
temp.menu_1.20 {
      # Normal state properties
   NO.allWrap = <div class="menu1-level1-no"> | </div>
      # Enable active state and set properties:
   ACT = 1
   ACT.allWrap = <div class="menu1-level1-act"> | </div>
}
 # Second level menu-object, textual
temp.menu_1.30 = TMENU
temp.menu_1.30 {
      # Normal state properties
   NO.allWrap = <div class="menu1-level2-no"> | </div>
      # Enable active state and set properties:
   ACT = 1
   ACT.allWrap = <dic class="menu1-level2-act"> | </div>
}
Unbekannter Benutzer ·

Na du musst schon alles schreiben:

Zeile 9/10:
temp.menu_1.20 = TMENU
temp.menu_1.20 {

muss lauten:
temp.menu_1.20.1 = TMENU
temp.menu_1.20.1 {

Zeile 18/19 muss lauten:
temp.menu_1.20.2 = TMENU
temp.menu_1.20.2 {

und dran denken deine Trenner in die Wraps einzubauen.

Du hast außerdem einen Schreibfehler in Zeile 24 - dic zu div ändern.