Zum Inhalt springen

Text Menü und GIF

Erstellt am 7. August 2005 · 3 Antworten · letzte Antwort am 8. August 2005

Tags: Frage

Peet ·

Hallo....

ich bin am verzweifeln..... #angry# ich habe ein Menü erstellt.... so weit so gut.
Nur die Darstellung im FE haut nicht hin. Das vor gestellte gif wird in der gleichen Zelle der Tabelle dargestellt wie der Linktext, wird der Text in den Untermenüs umgebrochen, steht der Rest des Menüs unter dem gif. Das ist natürlich sehr unübersichtlich.

Wo hab ich den Fehler???

Es wäre schön wenn zwei Zellen erzeugt würden in einer Zeile. Erst das gif dann den Linktext.
Hier mein Script:

# ------------------------------
# Left Menu Navigation
# ------------------------------

temp.leftnav = HMENU
temp.leftnav.1 = TMENU

temp.leftnav.1 {
  # Normal state properties
  wrap = <table border="0" cellpadding="0" cellspacing="0" width="100%" valign="top"> | </table>
  NO {
    wrapItemAndSub = <tr><td class="leftnav-level1-BOX-sm"> </td></tr><tr><td class="leftnav-level1-BOX"> | </td></tr>
    stdWrap.htmlSpecialChars = 1  
    ATagParams = class="leftnav-level1-NO"
    allWrap = <div class="leftnav-level1-NO"> | </div> 
    beforeImg =  EXT:tmpl_urbannomad/template/images/arrow_blue_clear.gif
    beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    beforeImgTagParams = hspace=5
    RO = 1
    after = <br />
    ATagBeforeWrap = 1
  }

 # Enable active state and set properties:
  ACT = 1
  ACT {
    wrapItemAndSub = <tr><td class="leftnav-level1-BOX-sm"> </td></tr><tr><td class="leftnav-level1-BOX"> | </td></tr>
    stdWrap.htmlSpecialChars = 1
    ATagParams = class="leftnav-level1-ACT"
    allWrap = <div class="leftnav-level1-ACT"> | </div>
    beforeImg =  EXT:tmpl_urbannomad/template/images/arrow_grey.gif
    beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    beforeImgTagParams = hspace=5
    RO = 1
    after = <br />
    ATagBeforeWrap = 1
  }
 }

# Second level menu-object, textual
temp.leftnav.2 = TMENU
temp.leftnav.2 {

  # Normal state properties
  NO {
    stdWrap.htmlSpecialChars = 1
    ATagParams = class="leftnav-level2-NO"
    allWrap = <div class="leftnav-level2-ACT">  |  </div>
    beforeImg =  EXT:tmpl_urbannomad/template/images/arrow_blue_clear.gif
    beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    beforeImgTagParams = hspace=5
    RO = 1
    after = <br />
    ATagBeforeWrap = 1
  }

  # Enable active state and set properties:
  ACT = 1
  ACT {
    stdWrap.htmlSpecialChars = 1
    ATagParams = class="leftnav-level2-ACT"
    allWrap = <div class="leftnav-level2-ACT"> | </div>
    beforeImg =  EXT:tmpl_urbannomad/template/images/arrow_grey.gif
    beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    beforeImgTagParams = hspace=5
    RO = 1
    after = <br />
    ATagBeforeWrap = 1
  }
 }


# Third level menu-object, textual
temp.leftnav.3 = TMENU
temp.leftnav.3 {

  # Normal state properties
  NO {
    stdWrap.htmlSpecialChars = 1
    ATagParams = class="leftnav-level2-NO"
    allWrap = <div class="leftnav-level2-ACT">     |  </div>
    beforeImg =  EXT:tmpl_urbannomad/template/images/arrow_blue_clear.gif
    beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    beforeImgTagParams = hspace=5
    RO = 1
    after = <br />
    ATagBeforeWrap = 1
  }

  # Enable active state and set properties:
  ACT = 1
  ACT {
    stdWrap.htmlSpecialChars = 1
    ATagParams = class="leftnav-level2-ACT"
    allWrap = <div class="leftnav-level2-ACT">    | </div>
    beforeImg =  EXT:tmpl_urbannomad/template/images/arrow_grey.gif
    beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    beforeImgTagParams = hspace=5
    RO = 1
    after = <br />
    ATagBeforeWrap = 1
  }
 }

Ich komme einfach nicht dahinter wo der fehler steckt.

#angry# HILFE

Danke für eure Unterstützung...

Fabian-K ·

Hi!

Ich kann erstmal keinen fehler erkennen, aber generell:
Steig am besten auf div's um.. macht das ganze irgendwie uebersichtlicher.

Peet ·

Danke für den Tipp mit den div's.
Habe jetzt nicht die Zeit das alles umzustellen.

Hier ist einmal die HTML-Ausgabe:

 <table border="0" cellpadding="0" cellspacing="0" width="100%" valign="top">
<tr><td class="leftnav-level1-BOX-sm"> </td></tr><tr><td class="leftnav-level1-BOX"><div class="leftnav-level1-ACT">
<img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_grey.gif" width="11" height="14" name="img1_2d18_0before" hspace="5" border="0" alt="" />
<a href="Maler.maler.0.html" target="_self" onfocus="blurLink(this);" onmouseover="over('img1_2d18_0before');" onmouseout="out('img1_2d18_0before');" class="leftnav-level1-ACT">Maler</a></div>
<div class="leftnav-level2-ACT">
<img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_blue_clear.gif" width="11" height="14" name="img2_072d_0before" hspace="5" border="0" alt="" />
<a href="Writschaft_Politk.writschaftpolitk.0.html" onfocus="blurLink(this);" onmouseover="over('img2_072d_0before');" onmouseout="out('img2_072d_0before');" class="leftnav-level2-NO">Writschaft & Politk</a></div>
<div class="leftnav-level2-ACT"><img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_blue_clear.gif" width="11" height="14" name="img818_072d_1before" hspace="5" border="0" alt="" />
<a href="Wetter.wetter.0.html" onfocus="blurLink(this);" onmouseover="over('img818_072d_1before');" onmouseout="out('img818_072d_1before');" class="leftnav-level2-NO">Wetter</a></div>
<div class="leftnav-level2-ACT"><img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_blue_clear.gif" width="11" height="14" name="img447_072d_2before" hspace="5" border="0" alt="" />
<a href="Malerfachbetrieb_mit_Brief_und.malerfachbetriebmit.0.html" onfocus="blurLink(this);" onmouseover="over('img447_072d_2before');" onmouseout="out('img447_072d_2before');" class="leftnav-level2-NO">Malerfachbetrieb mit Brief und Siegel</a></div>
<div class="leftnav-level2-ACT"><img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_blue_clear.gif" width="11" height="14" name="img3_072d_3before" hspace="5" border="0" alt="" />
<a href="Betriebsfuehrung_Recht.betriebsfhrungre.0.html" onfocus="blurLink(this);" onmouseover="over('img3_072d_3before');" onmouseout="out('img3_072d_3before');" class="leftnav-level2-NO">Betriebsführung & Recht</a></div>
<div class="leftnav-level2-ACT"><img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_blue_clear.gif" width="11" height="14" name="img462_072d_4before" hspace="5" border="0" alt="" />
<a href="Technik_Werkstoff_Umwelt.technikwerkstoff.0.html" onfocus="blurLink(this);" onmouseover="over('img462_072d_4before');" onmouseout="out('img462_072d_4before');" class="leftnav-level2-NO">Technik, Werkstoff, Umwelt</a></div>
<div class="leftnav-level2-ACT"><img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_grey.gif" width="11" height="14" name="img463_072d_5before" hspace="5" border="0" alt="" />
<a href="Bildung_Job_Karriere.bildungjobkarrie.0.html" onfocus="blurLink(this);" onmouseover="over('img463_072d_5before');" onmouseout="out('img463_072d_5before');" class="leftnav-level2-ACT">Bildung, Job, Karriere </a></div>
<div class="leftnav-level2-ACT"><img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_grey.gif" width="11" height="14" name="img483_edec_0before" hspace="5" border="0" alt="" />
<a href="Neue_Meisterpruefung.neuemeisterprfung.0.html" onfocus="blurLink(this);" onmouseover="over('img483_edec_0before');" onmouseout="out('img483_edec_0before');" class="leftnav-level2-ACT">Neue Meisterprüfung</a></div>
<div class="leftnav-level2-ACT"><img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_blue_clear.gif" width="11" height="14" name="img464_072d_6before" hspace="5" border="0" alt="" />
<a href="Marketing_und_PR.marketingundpr.0.html" onfocus="blurLink(this);" onmouseover="over('img464_072d_6before');" onmouseout="out('img464_072d_6before');" class="leftnav-level2-NO">Marketing und PR</a></div>
<div class="leftnav-level2-ACT"><img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_blue_clear.gif" width="11" height="14" name="img465_072d_7before" hspace="5" border="0" alt="" />
<a href="Termine.termine.0.html" onfocus="blurLink(this);" onmouseover="over('img465_072d_7before');" onmouseout="out('img465_072d_7before');" class="leftnav-level2-NO">Termine</a></div>
<div class="leftnav-level2-ACT"><img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_blue_clear.gif" width="11" height="14" name="img466_072d_8before" hspace="5" border="0" alt="" />
<a href="Betriebe_Datenbank.betriebedatenbank.0.html" onfocus="blurLink(this);" onmouseover="over('img466_072d_8before');" onmouseout="out('img466_072d_8before');" class="leftnav-level2-NO">Betriebe Datenbank</a></div>
<div class="leftnav-level2-ACT"><img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_blue_clear.gif" width="11" height="14" name="img467_072d_9before" hspace="5" border="0" alt="" />
<a href="Malershop.malershop.0.html" onfocus="blurLink(this);" onmouseover="over('img467_072d_9before');" onmouseout="out('img467_072d_9before');" class="leftnav-level2-NO">Malershop</a></div>
<div class="leftnav-level2-ACT"><img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_blue_clear.gif" width="11" height="14" name="img468_072d_10before" hspace="5" border="0" alt="" />
<a href="Exklusiv_Vorteile_fuer_Mitgli.exklusivvorteilef.0.html" onfocus="blurLink(this);" onmouseover="over('img468_072d_10before');" onmouseout="out('img468_072d_10before');" class="leftnav-level2-NO">Exklusiv: Vorteile für Mitglieder</a></div>
<div class="leftnav-level2-ACT"><img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_blue_clear.gif" width="11" height="14" name="img469_072d_11before" hspace="5" border="0" alt="" />
<a href="Maler-Lackierer-Rente.maler-lackierer-re.0.html" onfocus="blurLink(this);" onmouseover="over('img469_072d_11before');" onmouseout="out('img469_072d_11before');" class="leftnav-level2-NO">Maler- Lackierer- Rente</a></div>
<div class="leftnav-level2-ACT"><img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_blue_clear.gif" width="11" height="14" name="img9_072d_12before" hspace="5" border="0" alt="" />
<a href="Back_to_Startpage.9.0.html" onfocus="blurLink(this);" onmouseover="over('img9_072d_12before');" onmouseout="out('img9_072d_12before');" class="leftnav-level2-NO">Back to Startpage</a></div></td></tr><tr><td class="leftnav-level1-BOX-sm"> </td></tr><tr><td class="leftnav-level1-BOX">
<div class="leftnav-level1-NO"><img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_blue_clear.gif" width="11" height="14" name="img390_2d18_1before" hspace="5" border="0" alt="" />
<a href="Fahrzeuglackierer.fahrzeuglackierer.0.html" onfocus="blurLink(this);" onmouseover="over('img390_2d18_1before');" onmouseout="out('img390_2d18_1before');" class="leftnav-level1-NO">Fahrzeuglackierer</a></div></td></tr><tr><td class="leftnav-level1-BOX-sm"> </td></tr><tr><td class="leftnav-level1-BOX">
<div class="leftnav-level1-NO"><img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_blue_clear.gif" width="11" height="14" name="img428_2d18_2before" hspace="5" border="0" alt="" />
<a href="Kunden.kunden.0.html" onfocus="blurLink(this);" onmouseover="over('img428_2d18_2before');" onmouseout="out('img428_2d18_2before');" class="leftnav-level1-NO">Kunden</a></div></td></tr><tr><td class="leftnav-level1-BOX-sm"> </td></tr><tr><td class="leftnav-level1-BOX">
<div class="leftnav-level1-NO"><img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_blue_clear.gif" width="11" height="14" name="img49_2d18_3before" hspace="5" border="0" alt="" />
<a href="Branche.branche.0.html" onfocus="blurLink(this);" onmouseover="over('img49_2d18_3before');" onmouseout="out('img49_2d18_3before');" class="leftnav-level1-NO">Branche</a></div></td></tr><tr><td class="leftnav-level1-BOX-sm"> </td></tr><tr><td class="leftnav-level1-BOX">
<div class="leftnav-level1-NO"><img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_blue_clear.gif" width="11" height="14" name="img10_2d18_4before" hspace="5" border="0" alt="" />
<a href="Presse.presse.0.html" onfocus="blurLink(this);" onmouseover="over('img10_2d18_4before');" onmouseout="out('img10_2d18_4before');" class="leftnav-level1-NO">Presse</a></div></td></tr><tr><td class="leftnav-level1-BOX-sm"> </td></tr><tr><td class="leftnav-level1-BOX">
<div class="leftnav-level1-NO"><img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_blue_clear.gif" width="11" height="14" name="img409_2d18_5before" hspace="5" border="0" alt="" />
<a href="Fachorganisation.fachorganisation.0.html" onfocus="blurLink(this);" onmouseover="over('img409_2d18_5before');" onmouseout="out('img409_2d18_5before');" class="leftnav-level1-NO">Fachorganisation</a></div></td></tr></table>

Hier das was der Browser anzeigt:
Bild: maler-schapke.de/Menue.jpg

Vielleicht siehst du so besser wo der Fehler steckt.
Die Menüeinträe die umgebrochen werden fangen unter dem gif an und nicht am Beginn des Eintrags.

Peet ·

Hilfe..... #angry#
Kann mir denn hier keiner weiterhelfen??

<img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_grey.gif" width="11" height="14" name="img1_2d18_0before" hspace="5" border="0" alt="" />
<a href="Maler.maler.0.html" target="_self" onfocus="blurLink(this);" onmouseover="over('img1_2d18_0before');" onmouseout="out('img1_2d18_0before');" class="leftnav-level1-ACT">Maler</a></div>
<div class="leftnav-level2-ACT">

.... so wird das Script um gesetzt.... 😢

... und so stelle ich mir das vor... 🙂

            <td class="leftnav-level1-BOX" width="162">
            <div class="leftnav-level1-NO" style="width: 165; height: 22">
<a href="Fahrzeuglackierer.fahrzeuglackierer.0.html" onfocus="blurLink(this);" onmouseover="over('img390_2d18_1before');" onmouseout="out('img390_2d18_1before');" class="leftnav-level1-NO">Fahrzeuglackierer</a></div></td>
            <td class="leftnav-level1-BOX" width="20"><img src="typo3conf/ext/tmpl_urbannomad/template/images/arrow_blue_clear.gif" width="11" height="14" name="img390_2d18_1before" hspace="5" border="0" alt="" /></td>

aber ich bekomme das einfach nicht hin... 🙁