Text Menü und GIF

  • Peet Peet
    T3PO
    0 x
    23 Beiträge
    0 Hilfreiche Beiträge
    07. 08. 2005, 17:11

    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:

    1. # ------------------------------
    2. # Left Menu Navigation
    3. # ------------------------------
    4.  
    5. temp.leftnav = HMENU
    6. temp.leftnav.1 = TMENU
    7.  
    8. temp.leftnav.1 {
    9. # Normal state properties
    10. wrap = <table border="0" cellpadding="0" cellspacing="0" width="100%" valign="top"> | </table>
    11. NO {
    12. wrapItemAndSub = <tr><td class="leftnav-level1-BOX-sm"> </td></tr><tr><td class="leftnav-level1-BOX"> | </td></tr>
    13. ATagParams = class="leftnav-level1-NO"
    14. allWrap = <div class="leftnav-level1-NO"> | </div>
    15. beforeImg = EXT:tmpl_urbannomad/template/images/arrow_blue_clear.gif
    16. beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    17. beforeImgTagParams = hspace=5
    18. RO = 1
    19. after = <br />
    20. ATagBeforeWrap = 1
    21. }
    22.  
    23. # Enable active state and set properties:
    24. ACT = 1
    25. ACT {
    26. wrapItemAndSub = <tr><td class="leftnav-level1-BOX-sm"> </td></tr><tr><td class="leftnav-level1-BOX"> | </td></tr>
    27. ATagParams = class="leftnav-level1-ACT"
    28. allWrap = <div class="leftnav-level1-ACT"> | </div>
    29. beforeImg = EXT:tmpl_urbannomad/template/images/arrow_grey.gif
    30. beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    31. beforeImgTagParams = hspace=5
    32. RO = 1
    33. after = <br />
    34. ATagBeforeWrap = 1
    35. }
    36. }
    37.  
    38. # Second level menu-object, textual
    39. temp.leftnav.2 = TMENU
    40. temp.leftnav.2 {
    41.  
    42. # Normal state properties
    43. NO {
    44. ATagParams = class="leftnav-level2-NO"
    45. allWrap = <div class="leftnav-level2-ACT"> | </div>
    46. beforeImg = EXT:tmpl_urbannomad/template/images/arrow_blue_clear.gif
    47. beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    48. beforeImgTagParams = hspace=5
    49. RO = 1
    50. after = <br />
    51. ATagBeforeWrap = 1
    52. }
    53.  
    54. # Enable active state and set properties:
    55. ACT = 1
    56. ACT {
    57. ATagParams = class="leftnav-level2-ACT"
    58. allWrap = <div class="leftnav-level2-ACT"> | </div>
    59. beforeImg = EXT:tmpl_urbannomad/template/images/arrow_grey.gif
    60. beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    61. beforeImgTagParams = hspace=5
    62. RO = 1
    63. after = <br />
    64. ATagBeforeWrap = 1
    65. }
    66. }
    67.  
    68.  
    69. # Third level menu-object, textual
    70. temp.leftnav.3 = TMENU
    71. temp.leftnav.3 {
    72.  
    73. # Normal state properties
    74. NO {
    75. ATagParams = class="leftnav-level2-NO"
    76. allWrap = <div class="leftnav-level2-ACT">    | </div>
    77. beforeImg = EXT:tmpl_urbannomad/template/images/arrow_blue_clear.gif
    78. beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    79. beforeImgTagParams = hspace=5
    80. RO = 1
    81. after = <br />
    82. ATagBeforeWrap = 1
    83. }
    84.  
    85. # Enable active state and set properties:
    86. ACT = 1
    87. ACT {
    88. ATagParams = class="leftnav-level2-ACT"
    89. allWrap = <div class="leftnav-level2-ACT">    | </div>
    90. beforeImg = EXT:tmpl_urbannomad/template/images/arrow_grey.gif
    91. beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    92. beforeImgTagParams = hspace=5
    93. RO = 1
    94. after = <br />
    95. ATagBeforeWrap = 1
    96. }
    97. }

    Ich komme einfach nicht dahinter wo der fehler steckt.

    #angry# HILFE

    Danke für eure Unterstützung...


  • 1
  • Fabian-K Fabian-K
    Jedi-Ratsmitglied
    0 x
    581 Beiträge
    0 Hilfreiche Beiträge
    08. 08. 2005, 12:54

    Hi!

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

  • Peet Peet
    T3PO
    0 x
    23 Beiträge
    0 Hilfreiche Beiträge
    08. 08. 2005, 13:50

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

    Hier ist einmal die HTML-Ausgabe:
    [HTML]<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>
    [/HTML]

    Hier das was der Browser anzeigt:
    [img]http://www.maler-schapke.de/Menue.jpg[/img]

    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 Peet
    T3PO
    0 x
    23 Beiträge
    0 Hilfreiche Beiträge
    08. 08. 2005, 20:14

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

    [HTML]<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">
    [/HTML]
    .... so wird das Script um gesetzt.... :'(

    ... und so stelle ich mir das vor... :)
    [HTML]<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>
    [/HTML]

    aber ich bekomme das einfach nicht hin... :(

  • 1