+ Antworten
Seite 1 von 2 1 2 LetzteLetzte
Ergebnis 1 bis 10 von 13

Thema: CSS Dropdown Menü nach links öffnen

  1. #1
    Neu an Board
    Registriert seit
    20.01.2008
    Beiträge
    97
    Bedankte sich
    16
    1 Danksagung in 1 Beitrag

    Standard CSS Dropdown Menü nach links öffnen

    Hallo Leute,
    ich habe ein kleines Problem mit einem Dropdownmenü von PQ Softs. Ich habe ein Template (Simplicity), bei dem oben ein Dropdownmenü besteht. Dieses öffnet sich immer nach unten linksbündig. Beim letzten Menüpunkt auf der rechten Seite besteht dann aber das Problem, dass sich dieser über den Bildschirmrand hinaus öffnet - ich habe dieses mal fotografiert und angehängt. Habt ihr eine Idee, wie ich per CSS bestimmen kann, dass sich dieser letzte Beitrag in die andere Richtung öffnet?
    Vielen Dank im Voraus,
    djdrum
    Angehängte Grafiken
    Geändert von djdrum (03.04.2010 um 19:09 Uhr)

  2. #2
    Neu an Board
    Registriert seit
    20.01.2008
    Beiträge
    97
    Bedankte sich
    16
    1 Danksagung in 1 Beitrag

    Standard

    Ich muss einmal pushen. Hat kein anderer ebenfalls dieses Problem oder eine Lösung auf Lager? Ich bin mir sicher, dass es eine Möglichkeit via CSS gibt, aber ich weiß nicht, wie ich die einbinden sollte, da es sich ja nur um einen Eintrag handelt und nicht um das ganze Menü, dass sich auf der linken, statt rechten Seite öffnen soll.
    Liebe Grüße
    djdrum

  3. #3
    Kommt häufiger vorbei
    Registriert seit
    04.07.2008
    Ort
    Mülheim an der Ruhr
    Beiträge
    305
    Bedankte sich
    9
    Erhielt 85 Danksagungen
    in 85 Beiträgen

    Standard

    Hallo djdrum,

    ein Link wäre sicher hilfreich bzw. solltest mal mit Firebug deine css prüfen.
    Die Hilfsmittel wie Firebug und Webdeveloper für Firefox helfen ungemein bei der Fehlersuche.
    Hast du bei PQ Softs schon mal nachgesehen ob die dort eine Lösung anbieten?

    War soeben mal kurz auf PQ soft und habe die Demo betrachtet, finde dort viele alte mos module nur so am Rande.
    Solltest dir mal die css wirklich ansehen unter der #hornav/menu/slide-padding nachsehen vielleicht reicht hier schon ein float: right aus.
    Mehr konnte ich auch auf die schnelle nicht herausfinden.
    Geändert von wschloes (02.04.2010 um 19:36 Uhr) Grund: Mal bei PQSoft reingeschaut.
    Gruß Wolfgang
    Joomla FAQ, Thema gelöst markieren
    Helferlein: Firebug, WebDeveloper,

  4. Erhielt Danksagungen von:


  5. #4
    Neu an Board
    Registriert seit
    20.01.2008
    Beiträge
    97
    Bedankte sich
    16
    1 Danksagung in 1 Beitrag

    Standard

    Hey wschloes,
    vielen Dank für deine Hilfe. Ich habe den CSS-Codeschnipsel mal rausgeholt, der grundsätzlich für das Menü zuständig ist. Das ist der folgende:

    #hornav {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/nav-bg.gif) repeat-x scroll 0 0;
    border-top:3px solid #52B2EA;
    float:left;
    height:40px;
    margin:0;
    overflow:hidden;
    width:100%;
    }

    Wenn ich nun float:right angeben würde, habe ich allerdings doch alles rechtsbündig, was ja auch nicht mein Ziel ist, es geht ja, das ist das Problem, nur um den letzten Beitrag der rechten Seite. Was hat es mit slide-padding auf sich, das habe ich noch nie gehört.
    Der Link zum Entwurf ist der folgende: http://simplicity.robert-bosch-gesam...e.de/index.php. Gerne übrigens auch allgemeines Feedback
    Bei PQ Softs habe ich gestern nachgefragt. Die haben geschrieben, dass das so nicht aussehen sollte, dass ich etwas an der navigation.css geändern haben müsste, ich wüsste allerdings nicht was, außer die Farben der Menüpunkte.

    Ich freue mich, wenn du oder wer anders noch einen Tipp hat,
    Danke und schöne Ostern,
    djdrum

  6. #5
    Neu an Board
    Registriert seit
    20.01.2008
    Beiträge
    97
    Bedankte sich
    16
    1 Danksagung in 1 Beitrag

    Standard

    Ich habe nun mal die alte orginal navigation.css von PQSofts eingespielt, weil die mir ja sagten, ich hätte eventuell etwas geändert, aber auch mit orginaler CSS sieht das so aus.

  7. #6
    Gehört zum Inventar Avatar von jacxx
    Registriert seit
    07.03.2005
    Ort
    horsehead nebula
    Beiträge
    9.277
    Bedankte sich
    394
    Erhielt 2.050 Danksagungen
    in 1.939 Beiträgen

    Standard

    #hornav ul {
    direction:ltr; <<<<<<<<<<<<in ltr ändern

    }
    in navigation.css Line 73

    Dann guggt es nur links wieder raus..und die 3tte Ebene des Menüs musst du auch noch formatieren
    Wer Joomla nachmacht oder verfälscht, oder nachgemachte oder verfälschte sich verschafft und in Verkehr bringt, wird mit Typo3 nicht unter zwei Jahren bestraft.
    Joomla Forum
    Joomla braucht Dich!

  8. #7
    Neu an Board
    Registriert seit
    20.01.2008
    Beiträge
    97
    Bedankte sich
    16
    1 Danksagung in 1 Beitrag

    Standard

    Hey jacxx,
    danke für den Tipp. Leider klappt das bei mir nicht in der Form. Es ändert sich nichts bzw würde sich ja wenn dann auch alles nach links verschieben und nicht nur der letzte Eintrag!?
    Liebe Grüße
    djdrum

  9. #8
    --- Avatar von anka
    Registriert seit
    01.05.2008
    Ort
    Basel
    Beiträge
    9.077
    Bedankte sich
    342
    Erhielt 3.298 Danksagungen
    in 3.084 Beiträgen

    Standard

    Versuche es mal so:

    Code:
    #hornav ul li.item49sfhover ul {
    margin: 0 0 0 -180px;
    z-index: 99;
    }
    #hornav ul li.item49sfhover ul ul {
    margin: -30px 0 0 -220px;
    z-index: 99;
    }
    Häufige Fragen und Antworten zu Joomla: Joomla FAQ - Kleines Helferlein: Firebug
    Joomla braucht dich!

    Kein Support per PN


  10. Erhielt Danksagungen von:


  11. #9
    Kommt häufiger vorbei
    Registriert seit
    04.07.2008
    Ort
    Mülheim an der Ruhr
    Beiträge
    305
    Bedankte sich
    9
    Erhielt 85 Danksagungen
    in 85 Beiträgen

    Standard

    Hallo djdrum,

    scheint ja nun zu funktionieren dank Anka.
    Bei mir sieht zumindest alles klar aus und vergesse nicht wenn alles zu deiner Zufriedenheit ist den Thread auf Gelöst zu setzen.
    Schöne Ostern dann Euch allen!
    Gruß Wolfgang
    Joomla FAQ, Thema gelöst markieren
    Helferlein: Firebug, WebDeveloper,

  12. #10
    Neu an Board
    Registriert seit
    20.01.2008
    Beiträge
    97
    Bedankte sich
    16
    1 Danksagung in 1 Beitrag

    Standard

    Ja, wollt mich gerade bedanken
    Das ist genial, vielen Dank dafür, so klappt es. Ich habe allerdings nur den Teil des Codes für ul ul genommen, könnt ihr euch ja anschauen, wenn ihr mögt. Mir gefällt es so sehr gut.
    Ein kleines Problemchen hat sich nun aber eingeschlichen. Das Menü hat ja einen Ein- und Ausblendeffekt. Der Ausblendeffekt öffnet sich nun ganz kurz auf der falschen Seite - lässt sich sehr schwer erklären. Habt ihr da noch einen Tipp für?
    (Ein kurzer allgemeiner Dank an dieser Stelle noch für dieses wirklich geniale Forum, ich werde nun stärker CSS lernen, damit ich das auch selber noch mehr verstehe )
    Liebe Grüße
    djdrum

    Mir fällt gerade ein, dass dieser Effekt wahrscheinlich durch das JS mootools dahinter generiert wird, oder!?
    Geändert von djdrum (03.04.2010 um 18:54 Uhr)

+ Antworten
Seite 1 von 2 1 2 LetzteLetzte

Lesezeichen

Berechtigungen

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