Ratlos hilflos verzweifelt - horiz. und vertik. Menü funktioniert nicht

  • via via
    Sternenflotten-Admiral
    0 x
    193 Beiträge
    0 Hilfreiche Beiträge
    17. 05. 2007, 14:03

    Hallo,

    #angry#

    Irgendwie habe ich ein Brett vorm Kopf, denn mein simples horizontales Menü links funktioniert nicht und ich habe keine Ahnung warum. Ich sitze jetzt schon 2 Stunden davor und komme absolut nicht weiter.

    Bitte - wer kann mir helfen... wo mach ich denn den oder die Fehler? :'(
    Das sind meine ersten Schritte mein Template mit CSS aufzubauen.

    Hier zu finden: [url]www.personaltraining-offenburg.de[/url]

    [b]Hier mein HTML Template[/b]
    [HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>
    <head>
    <title>Personal Training Katrin Rieper</title>

    </head>
    <body topmargin="0" leftmargin="0" marginleft="0" marginright="0">
    <!--###DOCUMENT_BODY### start-->

    <div class="HEAD"><img src="fileadmin/templates/pt/images/header_960x200.jpg" height="200" width="960" alt="" /></div>
    <div class="MENUBOX">
    <div class="MENU"><!--###MENU### start-->Menu<!--###MENU### stop--></div>
    </div>

    <div class="LEFTBOX">
    <div class="LEFT"><!--###MENU_L### start-->Menu_L<!--###MENU_L### stop--></div>
    </div>
    <div class="CONTENT_MIDDLE">
    <div class="TITLE"><!--###HEADER### start-->Header<!--###HEADER### end--></div>
    <div class="CONTENT"><!--###CONTENT### start-->Content hier<!--###CONTENT### stop--></div>
    </div>
    <div class="CONTENT_RIGHT"><!--###CONTENT_RIGHT### start-->Content Right hier<!--###CONTENT_RIGHT### stop--></div>

    <!--###DOCUMENT_BODY### stop-->

    </body>
    </html>[/HTML]

    [b]Mein CSS[/b]

    [HTML]/* General styles */
    BODY {
    font-family: Arial, Helvetica;
    font-size: 12px;
    color: #333333;
    margin-left:0px;
    margin-top:0px;
    }

    .HEAD{
    top: 0px;
    left: 0px;
    }

    .MENUBOX{
    top: 200px;
    left: 20px;
    width: 960px;
    height: 40px;
    background-color: #FFBF23;
    }

    .MENU{
    font-family:Arial, Helvetica;
    font-size: 14px;
    color: #FFFFFF;
    top: 10px;
    left: 20px;
    width: 940px;
    height: 20px;
    background-color: #FFBF23;
    }

    .LEFTBOX{
    font-family:Arial, Helvetica;
    font-size: 14px;
    top: 290px;
    left: 10px;
    width: 200px;
    background-color: #FFBFFF;
    }

    .LEFT{
    font-family:Arial, Helvetica;
    font-size: 14px;
    top: 300px;
    left: 20px;
    width: 150px;
    background-color: #EDEBD5;
    }

    .TITLE{
    position:absolute;
    top: 275px;
    left: 300px;
    font-family:Arial, Helvetica;
    font-size: 16px;
    font-weight: bold;
    color: #006699;
    width: 350px;
    border-bottom: 1px solid #006699;
    }

    .CONTENT{
    position:absolute;
    top: 300px;
    left: 300px;
    font-family:Arial, Helvetica;
    font-size: 12px;
    color: #FFFFFF;
    width: 350px;
    }

    a:visited { color: #7F7772; text-decoration: none;}
    a:link { color: #7F7772; text-decoration: none;}
    a:hover{ color: #7F7772; text-decoration: underline;}[/HTML]

    [b]Mein TypoScript[/b]

    [TS]#config.admPanel = 1

    page = PAGE
    page.typeNum = 0
    page.stylesheet = fileadmin/templates/pt/templ/pt.css

    page.10 = TEMPLATE
    page.10 {
    template = FILE
    template.file = fileadmin/templates/pt/templ/pt.html

    workOnSubpart = DOCUMENT_BODY

    # Page Title displayed
    subparts.HEADER = TEXT
    subparts.HEADER {
    field = title
    }

    # Content
    subparts.CONTENT < styles.content.get
    subparts.CONTENT_RIGHT < styles.content.getRight

    # Menu top level navigation

    subparts.MENU = HMENU
    subparts.MENU.special = directory
    subparts.MENU.special.value = 796
    subparts.entrylevel = 0

    subparts.MENU.1 = TMENU
    subparts.MENU.1.NO {
    allWrap = |
    CUR = 1
    CUR.linkWrap = | }

    subparts.MENU.1.CUR < subparts.MENU.1.NO
    subparts.MENU.1.CUR = 1
    subparts.MENU.1.CUR.allWrap = |
    subparts.MENU.1.CUR.doNotLinkIt = 1
    subparts.MENU.1.CUR.ATagBeforeWrap = 1

    # Menu top level navigation

    subparts.MENU_L = HMENU
    subparts.MENU_L.special = directory
    subparts.MENU_L.special.value = 797
    subparts.entrylevel = 0

    subparts.MENU_L.1 = TMENU
    subparts.MENU_L.1.NO {
    allWrap = |<br />
    CUR = 1
    CUR.linkWrap = |<br /> }

    subparts.MENU_L.1.CUR < subparts.MENU_L.1.NO
    subparts.MENU_L.1.CUR = 1
    subparts.MENU_L.1.CUR.allWrap = |<br />
    subparts.MENU_L.1.CUR.doNotLinkIt = 1
    subparts.MENU_L.1.CUR.ATagBeforeWrap = 1

    # Protection Spam EMail

    config {
    spamProtectEmailAddresses = 2
    spamProtectEmailAddresses_atSubst = (at)
    }

    }[/TS]

    [b]Und zu guter letzt mein Seitenstruktur[/b]
    [img]http://www.personaltraining-offenburg.de/uploads/pics/baum_01.gif[/img]

    Wie gesagt, ich wäre wirklich sehr dankbar, wenn ich endlich wüsste was ich da für einen Bock geschossen habe.

    Viele Grüße,
    Oliver


  • 1
  • fuss fuss
    Jedi-Meister
    0 x
    375 Beiträge
    0 Hilfreiche Beiträge
    17. 05. 2007, 22:08

    Olla!

    Guck Dir Dein TYPOScript nochmal genau an, Stichwort öffnende und schließende Klammern. ;)

    Die CUR Definition steht auch innerhalb der NO Definition, und da gehört sie nicht hin. Sondern schön NO mit Klammer schließen, und dann erst CUR.

    gruss, fuss

    my system:
    C-64 I, 65816@20mhz, 16mb ram, 4x 6581r4 (12 channel fm-sound), 384mb scsi hd
    go sixtyfour! go!

  • 1