Ergebnis 1 bis 5 von 5

Thema: Sprachwechsler - über dem Header - mit CSS formatieren

  1. #1
    Contao-Fan
    Registriert seit
    10.01.2012.
    Beiträge
    388

    Standard Sprachwechsler - über dem Header - mit CSS formatieren

    Hallo,

    ich habe die Deutsch / Englisch Option als Modul im Footer platziert, wo es aber nicht besonders elegant wirkt.

    Gebe es eine Möglichkeit die Sprachauswahl links neben dem Facebook-Icon zu erstellen?

    Ich könnte es natürlich als HTML einfügen, in diesem Fall würde aber das Wechsel zwischen den Sprachen nicht so gut funktionieren.
    Mein Problem ist, dass ich den Modul zu vorhandenem Layoutbereiche zuordnen muss. In all diesen Bereichen passt es aber nicht wirklich...

    Hat jemand einen praktisch unmsetbaren Ansatz?

    Meine Seite: http://wakeupcall.life

    Gr. I.
    Geändert von isti (20.11.2014 um 14:37 Uhr)

  2. #2
    Contao-Fan
    Registriert seit
    10.01.2012.
    Beiträge
    388

    Standard

    Ich habe so versucht:

    /* -Sprachwechsler */
    #sprachwechsler {position: absolute; right: 0px; top: -55px;}

    Hat leider nicht funktioniert.

    Gr. i.

  3. #3
    Contao-Nutzer
    Registriert seit
    09.01.2011.
    Beiträge
    234

    Standard

    top: -85px;

    dann sieht man den Link. Sowas kann man leicht mit der Browser Console raus finden (F12 oder rechts klick Element untersuchen)

    Grüße
    Dennis

  4. #4
    Contao-Fan
    Registriert seit
    10.01.2012.
    Beiträge
    388

    Standard

    Danke sehr.

    Wenn ich aber untersuche sehe ich nicht welche CSS auf den Link wirkt.

    Auf der rechten Seite in Firebug sehe ich nur dieses:
    Das Wort "Englisch" ist natürlich markiert!

    a {
    color: #5a6372;
    text-decoration: none;
    }
    * {
    background-repeat: no-repeat;
    border: 0 none;
    box-sizing: border-box;
    margin: 0;
    outline: 0 none;
    padding: 0;
    }
    ol, ul {
    list-style: outside none none;
    }
    .inside {
    text-align: left;
    }
    body {
    color: #595151;
    font-family: "Droid Sans",Arial,Verdana,sans-serif;
    font-size: 12px;
    line-height: 20px;
    }
    body {
    font-size: 100.01%;
    }

    Ich hätte erwartet, dass "sprachwechsler" hier erscheint, zeigend, dass die Settings berücksichtigt wurden.
    Geändert von isti (20.11.2014 um 15:39 Uhr)

  5. #5
    Contao-Fan Avatar von kos
    Registriert seit
    22.06.2009.
    Ort
    Westerwald
    Beiträge
    888

    Standard

    Versuche mal
    Code:
    #sprachwechsler{
      position: absolute;
      top: -55px;
      right: 100px;
      overflow: visible;
      }
    Die inline-Anweisungen für den Abstand beim Modul solltest du auch anpassen/entfernen.

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
  •