We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 620
    • 8 Posts
    Hallo,

    schon wieder ich.
    Mein kleines Problem:
    Wenn ich eine Navi mit wayfinder baue, funzt das richtig gut.
    Bei einem neuen testprojekt jedoch garnicht.
    Wayfinder übernimmt nicht den css-style. Das heisst,
    doch, farben und sonstige sachen stellt er richtig dar, auch
    die hoverzustände passen- nur er schiebt das menü ca. 60px
    nach rechts. Ich habe alles durchprobiert, komme aber zu keinem ergebnis.
    Die seite ist zum teil ein template, im "normalem" html funzt alles prima.

    einbinden im template mach ich so:

    <div id="navvy">
    <ul id="navvylist">

    [!Wayfinder?startId=`0` &hereClass=`selected`!]
    </ul>
    </div>

    –––––––––––––––––––––––––––––––––––––––––––––––––––––

    css sieht so aus:


    .rightcolumn{
    width:480px;
    float:right;
    padding-right:10px;
    }
    #navvy
    {
    width:244px;
    font-size:12px;
    font-weight:bold;
    padding: 0;
    text-align:left;
    font-family:Verdana;
    }

    ul#navvylist
    {
    text-align: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width:244px;
    }

    ul#navvylist li
    {
    width:244px;
    display: block;
    margin: 0;
    padding: 0;
    }

    ul#navvylist li a
    {
    display: block;
    margin:0;
    width:194px;
    padding-top:6px;
    padding-bottom:7px;
    padding-left:40px;
    padding-right:10px;
    color: #315E88;
    text-decoration: none;
    background:url(images/link_13.jpg) no-repeat left top;
    }

    #navvy>ul#navvylist li a { width: auto; }


    ul#navvylist li a:hover, ul#navvylist li#active a:hover
    {
    color: #315E88;width:174px;
    padding-left:60px;
    background:url(images/hover_13.jpg) no-repeat left top;
    }
    ––––––––––––––––––––––––––

    Wäre super nett, wenn jemand mir helfen könnte.
    Danke!

    Grüße,
    Sven

      • 10449
      • 956 Posts
      Naja, scheint eigentlich logisch. Du deklarierst ja auch:

      padding-left:60px;


      innerhalb von:

      ul#navvylist li a:hover, ul#navvylist li#active a:hover
      {
      color: #315E88;width:174px;
      padding-left:60px;
      background:url(images/hover_13.jpg) no-repeat left top;
      }


      Man müsste evtl. mal das ganze online sehen...
        • 620
        • 8 Posts
        Guten morgen,

        ja, da wird es deklariert. Aber, wenn ich das template
        aufrufe, ohne modx, funzt es. Nur beim einfügen
        von wayfinder verschiebt sich das ganze....
        ich geh noch mal das css durch und schaue.
        Grüße,
        Sven