Grafiken in Protostar rechtsbündig anordnen

  • Hallo,


    ich komme mit Firebug nicht weiter. Ich möchte, dass die Flaggen rechtsbündig angeordnet werden.
    In Firebug sehe ich, dass im dazugehörigen div-Bereich steht

    Code
    <div class="header-search pull-right">


    aber sonst findet sich bei den weiter unten folgenden einzelnen Flaggen kein css-Anweisung, die die Position festlegt.


    Code
    <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2" type="text/javascript">
    ‌¶‌¶
    <a class="flag nturl" style="background-position:-300px -100px;" title="German" onclick="doGTranslate('de|de');return false;" href="#">
    <img width="16" height="16" alt="German" data-src="http://www.kolping-hohenfels.de//modules/mod_gtranslate/tmpl/lang/blank.png" src="http://www.kolping-hohenfels.de//modules/mod_gtranslate/tmpl/lang/blank.png" style="display: inline;">
    <noscript><img‌·src="http://www.kolping-hohenfels.de//modules/mod_gtranslate/tmpl/lang/blank.png"‌·height="16"‌·width="16"‌·alt="German"‌·/></noscript>
    </a>


    Kann mir bitte jemand helfen?


    Gruß Dietmar

  • Hallo Dietmar,


    also das mit: <div class="header-search pull-right"> das lass mal schön bleiben, wie es ist :) damit hatte ich mir schon öfters graue Haare & Finger klopf geholt (selbst verschuldet).


    So, also:

    Code
    a.flag, a.alt_flag {
    float:right;
    margin:2px;
    }


    Und auf das da: Joomlaeigene Templates anpassen/ändern (z.B. Protostar, Beez3). Vorher eine Template-Kopie anlegen! wurde Dir glaub ich, auch schon mal hingewiesen.


    Liebe Grüße, Christine


    Edit: Hallo Tom, war wohl zu langsam.

  • Hallo Tom und Christine,


    ich habe es so versucht und wollte auch einen Abstand einbauen. Zuerst habe ich margin-right probiert, da waren aber alle Flaggen untereinander angeordnet. Mit padding-right (ist jetzt online) wird auch kein Abstand angezeigt.


    Code
    /*flaggen rechts anordnen*/
    .flag, .alt_flag {float: right; padding-right: 15px;}
  • Hallo Christine,


    stimmt ?( Ich verstehe nicht, warum es bei mir vertikal angezeigt wurde und jetzt richtig? Aber es funktioniert :)
    Jetzt bleibt nur ein Problem, dass sich die Flaggenreihenfolge geändert hat. Früher entsprachen die Flaggen der
    Reihenfolge in dem "Suchen"-Feld. Kann man das oder soll ich die Wortfolge besser ändern.


    LG Dietmar