changelanguage - Nach Update wirds nicht mehr angezeigt

**Doro** · 16.11.2011, 09:34

probier mal .mod_changelanguage li.lang-de

**jahna** · 16.11.2011, 09:43

ja jetzt stehen die Flaggen UND der Text am gleichen Ort übereinander.
Die Flaggen müssten aber über der Navigation links stehen

Hab noch einen Fehler im Titel des Styles endeckt und korrigiert: .mod_changelanguage li.lang-en anstelle von 2 x .mod_changelanguage li.lang-de

**Doro** · 16.11.2011, 09:56

na prima, dann bist Du ja schon einen Schritt weiter,
damit die Beiden nicht übereinander stehen kannst Du ja einem sagen float:left;
und deinen gesamten Sprachenwechsler positionierst du so wie Du ihn haben willst mit
.mod_changelanguage {position: relative; left: soundsoviel px; top: soundsoviel px;}
hoffe das hilft
Gruß Doro

**jahna** · 16.11.2011, 12:19

Zitat von Doro

... und deinen gesamten Sprachenwechsler positionierst du so wie Du ihn haben willst mit
.mod_changelanguage {position: relative; left: soundsoviel px; top: soundsoviel px;}

...das versteht ich jetzt nicht ganz... Wie bekomme ich die Elemente oben links hin?

**AgentK** · 16.11.2011, 19:11

Hallo,

wenn Du den Sprachenwechsler über der Navigation haben möchtest musst Du einfach die Reihenfolge der Module im Seitenlayout verändern.

Gruß
Stefan

**Doro** · 17.11.2011, 07:59

besser helfen könnte ich wenn Du mal einen Link zur Webseite schickst

**jahna** · 17.11.2011, 08:04

Super Tipp, danke Stefan!

Ein kleines Problem besteht jetzt noch:
der Link für den Sprachwechsel ist nur in einem ganz, ganz kleinen, kaum zu treffenden Bereich am linken Rand der Flagge aktiv.
http://www.scaleair.ch/index.php/willkommen.html
Gibt es dafür auch eine Einstellungsänderung?

**swinde** · 17.11.2011, 08:12

Hallo,

so funktioniert es!

.mod_changelanguage li.lang-en ändern in

Code:

.mod_changelanguage a.lang-en {
  background-image: url("../../tl_files/bilder_shop/us.png");
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 32px;
  list-style-type: none;
  margin: 0 5px 10px 0;
  width: 32px;
}

Das gleiche für Sprache Deutsch.

Viele Grüße
Steffen

**jahna** · 17.11.2011, 08:24

Hallo Steffen
So hab ich den Code doch erfasst, einzig die Reihenfolge ist unterschiedlich...?

**swinde** · 17.11.2011, 08:59

Hallo Jahna,

nicht so wirklich!

Dein Code:

Code:

.mod_changelanguage li.lang-en {
  background-image: url("../../tl_files/bilder_shop/us.png");
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 32px;
  list-style-type: none;
  margin: 0 5px 10px 0;
  width: 32px;
}

Meiner:

Code:

.mod_changelanguage a.lang-en {   
background-image: url("../../tl_files/bilder_shop/us.png");   
background-repeat: no-repeat;   
display: block;   
float: left;   
height: 32px;   
list-style-type: none;   
margin: 0 5px 10px 0;   
width: 32px; }

Bei dir bekommt das li Element ein Hintergrundbild. Das "display:block" wirkt sich nicht aus. Dadurch der kurze, kaum greifbare Link.
Du musst wenigstens dem a-tag das "display:block" verpassen. Also warum nicht gleich auch ein Hintergrundbild?

Steffen

**jahna** · 17.11.2011, 09:09

uuups, mein Bildschirm blendet ein wenig.......
Habs korrigiert und es funktioniert,danke!

Würdst du mir noch erläutern, was du meinst mit Hintergrundbild? Es geht doch jetzt auch so?

**swinde** · 17.11.2011, 10:37

Hallo Jahna!

EN > DE

background-image > Hintergrund-Bild

Steffen

**andrea$** · 04.10.2012, 22:36

Zitat von andreas.schempp

Aus meiner Sicht sollte die Erweiterung nicht das Design der Webseite vorgeben. Und es ist ja nicht wirklich ein Problem die Flaggen wie einzubauen...

Keine Ahnung wie das vorher aussah mit den Flaggen in der Erweiterung aber die rauszunehmen finde ich auch nicht gut.
Ich denke jeder konnte auswählen ob er/sie Text oder Flagge anzeigen will? Also gibt die Erweitrung nicht das Design vor!
Das es aber doch zu Problemen führt beweist ja dieser u. andere Threads. Plausibel ist dein Argument nicht und der User hat zusätzliche Arbeit um eine lausige, kleine Grafik einzusetzen.
Benutzerfreundlich sieht anders aus.

Mach die doch wieder rein?

HTML-Code:

.mod_changelanguage a.lang-en {   
background-image: url("../../tl_files/bilder_shop/us.png");   
background-repeat: no-repeat;   
display: block;   
float: left;   
height: 32px;   
list-style-type: none;   
margin: 0 5px 10px 0;   
width: 32px; }

bei mir wird keine Grafik angezeigt