Ergebnis 1 bis 10 von 10

Thema: level 2 navi linksbündig

  1. #1
    Contao-Nutzer
    Registriert seit
    23.09.2011.
    Ort
    Loffenau
    Beiträge
    64

    Standard level 2 navi linksbündig

    Hallo zusammen, ich habe eine kurze Frage zu meiner Navi. Peter Müller ist mir zu wneig drauf eingegangen^^

    Ich habe eigentlich nur ein level, aber wenn ich durch Zb ein Kontaktformular auf eine versteckte unterseite komme verschiebt es mir meine navi wieder auf "zentriert".
    Ich hab jz schon einiges versucht, aber komme einfach nich dahinter...
    Ihr könnt das sicher ruck zuck =) es geht um diese Seite hier: http://motorradfahrer-loffenau.de

    vielen lieben dank schonmal

  2. #2
    Contao-Fan Avatar von dtptiger
    Registriert seit
    20.06.2009.
    Ort
    Nürnberg
    Beiträge
    821

    Standard

    Hab deine Seite besucht, finde aber kein Beispiel.
    Vermute mal das Du keine sublevel im navi css definiert hast.

    Z.B. #menu .level_2

    LG dtptiger

  3. #3
    Contao-Nutzer
    Registriert seit
    23.09.2011.
    Ort
    Loffenau
    Beiträge
    64

    Standard

    hab jetzt level 2 eingeblendet... ich versuche das mal mit dem submenu.. hab da glaub wirklich nichts

  4. #4
    Contao-Nutzer
    Registriert seit
    23.09.2011.
    Ort
    Loffenau
    Beiträge
    64

    Standard

    Code:
    * #header ul.level_2 */
    top:auto;     position:absolute;     background-color #ddd;
    {
        #header .level_2 li, #header .level_2 li.first;
    }
    
    border: none;
    {
    }
    
    #header .level_2 li
    {
        clear:both;
        text-align:left;
        border:none;
    }
    
    #header .level_2 trail
    {
        clear:both;
        text-align:left;
        border:none;
    }
    
    #header .level_2
    {
        width:0;
        height:0;
        left:-9999px;
        position:absolute;
        overflow:hidden;
        display:inline;
        text-align:left;
        top:-9999px;
        z-index: 1;
    }
    
    #header li:hover .level_2
    {
        width:auto;
        height:auto;
        min-width:78px;
        left:auto;
        top:auto;
        overflow:auto;
        display:block;
        background-color:#ADCBE6;
        border-bottom:1px solid #2d5b85;
    }
    
    #header .level_2 li.first
    {
        border: none;
    }
    das is mein lv 2 code.. text-align:left; will ich im level_2 haben... hm, naja zur not lass ichs, aber wäre schön wenn es tun würde =)

  5. #5
    Contao-Nutzer Avatar von Tinchen
    Registriert seit
    26.08.2011.
    Ort
    Spessart
    Beiträge
    62

    Standard

    Hallo Captor,

    so ganz im Klaren bin ich mir nicht über das was Du vorhast, aber probiere es doch mal mit ungefähr folgender Ansprache ans CSS:

    #header .mod_navigation ul level_2 li
    und definiere hier vielleicht mal eine Höhe, damit man was sieht.

    Vielleicht läßt es sich dann leichter damit arbeiten bzw. probieren.

    Gruß
    Tinchen

  6. #6
    Contao-Nutzer
    Registriert seit
    23.09.2011.
    Ort
    Loffenau
    Beiträge
    64

    Standard

    ich versuche mich etwas besser auszudrücken^^

    wenn ich auf "Nachrichten" klicke und dann unter dem Teaser auf "weiterlesen" verschiebt sich die navigation von "Linksbündig" auf "zentriert".

    Ich möchte sie aber immer linksbündig haben.

    Also immer wenn auf eine unterseite gezeigt wird verschiebt sich die navigation.
    Was nicht passt, wird passend gemacht!

  7. #7
    Contao-Nutzer Avatar von Tinchen
    Registriert seit
    26.08.2011.
    Ort
    Spessart
    Beiträge
    62

    Standard

    Hallo Captor,

    versuchs mal mit ul li.trail

    viel Glück
    Tinchen

  8. #8
    Alter Contao-Hase Avatar von bizon
    Registriert seit
    16.06.2010.
    Beiträge
    1.125

    Standard

    Kontrolliere deinen CSS Code, der ist gespickt mit Fehlern:
    Zitat Zitat von Captor
    Code:
    * #header ul.level_2 */
    top:auto;     position:absolute;     background-color #ddd;
    {
        #header .level_2 li, #header .level_2 li.first;
    }
    
    border: none;
    {
    }
    
    #header .level_2 li
    {
        clear:both;
        text-align:left;
        border:none;
    }
    
    #header .level_2 trail
    {
        clear:both; 
        text-align:left;
        border:none;
    }
    
    #header .level_2
    {
        width:0;
        height:0;
        left:-9999px;
        position:absolute;
        overflow:hidden;
        display:inline;
        text-align:left;
        top:-9999px;
        z-index: 1;
    }
    
    #header li:hover .level_2
    {
        width:auto;
        height:auto;
        min-width:78px;
        left:auto;
        top:auto;
        overflow:auto;
        display:block;
        background-color:#ADCBE6;
        border-bottom:1px solid #2d5b85;
    }
    
    #header .level_2 li.first
    {
        border: none;
    }
    Weiter ist nicht zu erkennen, was die .level_2 Anweisungen bewirken sollen.

  9. #9
    Contao-Nutzer
    Registriert seit
    23.09.2011.
    Ort
    Loffenau
    Beiträge
    64

    Standard

    gute frage, der hat eigentlich echt überhaupt kein Sinn^^ hab das Buch halt durchgearbeitet und der Code ist im laufe der Stunden über geblieben. Ich lösch den komplett und versuche mein Glück von 0 =)
    Was nicht passt, wird passend gemacht!

  10. #10
    Contao-Nutzer
    Registriert seit
    23.09.2011.
    Ort
    Loffenau
    Beiträge
    64

    Standard

    sry für doppelpost.. kann beiträge noch nicht bearbeiten -.-

    ICH habs! Vielen Dank! Das war gar kein level 2, sondern ein Fehler im level 1^^ Ich hatte weiter unten ein text-align:center; und weiter oben ein .sibling {text-align:left}. Sobald ich also aus den sibling li raus komme nimmt er das Style das als nächstes kommt.. welches falsch war... vermute ich

    und wieder ein Problem gelöst =) ...weiter gehts!
    Was nicht passt, wird passend gemacht!

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •