Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
deeda
Threadersteller
Dabei seit: 09.06.2005
Ort: CMYK
Alter: 38
Geschlecht:
|
Verfasst Do 19.07.2012 17:52
Titel Sprachwechsel mit CSS und Pseudoklassen |
|
|
Hallo ein Profi in HTML und CSS kann mir bestimmt helfen. Folgendes Problem:
Ich habe eine index.html (deutsch) und eine home.html (englisch), beide haben in der HTML diesen Code:
Code: |
<div id="englisch"><a href="home.html"></a></div>
<div id="deutsch"><a href="index.html"></a></div> |
In der CSS dazu habe ich:
Code: | /* +++++Sprachwechsel++++++ */
#englisch {
height: 26px;
width: 30px;
position:absolute;
top:20px;
right:-30px;
}
#englisch a:link
{
background: url(images/englisch.jpg);
height: 26px;
width: 30px;
position:absolute;
}
#englisch a:visited, #englisch a:hover, #englisch a:active
{
background: url(images/englisch-hover.jpg);
}
#deutsch {
height: 26px;
width: 30px;
position:absolute;
top:45px;
right:-30px;
}
#deutsch a:link
{
background: url(images/deutsch.jpg);
height: 26px;
width: 30px;
position:absolute;
}
#deutsch a:hover, #deutsch a:active, #deutsch a:visited
{
background: url(images/deutsch-hover.jpg);
}
/* +++++ENDE Sprachwechsel++++++ */ |
Der Wechsel funktioniert. Ich möchte aber, dass die Fahne ausgeklappt ist (deutsch-hover.jpg zum Beispiel) und ich dachte das funktioniert mit a:active? Also im Design sollen sich inaktive Fahne hinter dem Wrapper verstecken (deutsch.jpg) und wenn man drüber geht oder geklickt hat, soll die Fahne draußen bleiben, weil die Sprache dann aktiv ist.
Wer kann mir helfen?
|
|
|
|
|
Karlarsch
Dabei seit: 05.02.2007
Ort: -
Alter: 58
Geschlecht:
|
Verfasst Fr 20.07.2012 06:25
Titel
|
|
|
Generelles zur Usability:
1) Wenn der User auf der deutschen Seite ist, warum wird ihm dann die Möglichkeit angeboten auf die deutsche Seite zu wechseln?
2) Fahnen symbolisieren keine Sprachen, sondern Länder. Deutsch wird neben Deutschland auch in Österreich und der Schweiz gesprochen und ein US-Amerikaner der Erfahrung nach nicht glücklich, wenn seine Sprache mit einer brittischen Fahne ausgezeichnet wird.
Am Beispiel der Schweiz lässt sich das sehr schön fest mache, wie usrunfreundlich eine Fahne ist, denn in der Schweiz wird Deutsch, Französisch, Italienisch und Rätoromanisch gesprochen ... nicht zu vergessen das Schweizerdeutsch mit seiner ganz eigenen Mundart und Vokabelumfang.
Nun zu ":active". Ein Seitenelement wird in dem Moment aktiv, in dem es mit der Maus geklickt wird wie z.B. ein Link oder Button. Dieses Status hat nichts mit einer Logik bzgl. "dieser Link verweist auf die aktuelle Seite" zu tun.
Eine solche Logik muss mittels einer geeigneten Sprache (bevorzugt serverseitig, es geht aber auch mit Javascript) implementiert werden.
Gruß
Karl
|
|
|
|
|
Anzeige
|
|
|
|
|
|
Ähnliche Themen |
Pseudoklassen im CSS
pseudoklassen ich steh aufm schlauch
CSS: links in klassen definieren -pseudoklassen in klassen?
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|