mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Sa 27.04.2024 17:24 Benutzername: Passwort: Auto-Login

Thema: Anker und a:active Status vom 19.01.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Anker und a:active Status
Autor Nachricht
socm
Threadersteller

Dabei seit: 04.01.2011
Ort: DE
Alter: -
Geschlecht: Männlich
Verfasst Mi 19.01.2011 15:27
Titel

Anker und a:active Status

 Antworten mit Zitat Zum Seitenanfang
Hallo,

ich habe eine Seite mit 4 Anker und eine fixierte Navigation. Das Problem ist, dass a:active nicht funktioniert ... welche Lösung gibt es dafür?

Hier ein Beispiel ....

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>testing anchor</title>
<style type="text/css">
<!--
a:link, a:visited{
   color: #0F0;
}
a:hover,a:active {
   color: #F00;
}
-->
</style>
</head>

<body>
<p><a href="#anker1">NAV ANKER1</a> <a href="#anker2">NAV ANKER 2</a> <a href="#anker3">NAV ANKER 3</a> <a href="#anker4">NAV ANKER 4</a></p>
<p>Anker 1<a name="anker1" id="anker1"></a></p>
<p>Anker 2<a name="anker2" id="anker2"></a></p>
<p>Anker 3<a name="anker3" id="anker3"></a></p>
<p>Anker 4<a name="anker4" id="anker4"></a></p>
</body>
</html>


Zuletzt bearbeitet von socm am Mi 19.01.2011 15:28, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
geviert

Dabei seit: 06.05.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 19.01.2011 15:59
Titel

Antworten mit Zitat Zum Seitenanfang
Doch, es geht. Da Du allerdings :hover und :active die gleichen Farben zugeteilt hast siehst Du es einfach nur nicht.

Zuletzt bearbeitet von geviert am Mi 19.01.2011 16:00, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
socm
Threadersteller

Dabei seit: 04.01.2011
Ort: DE
Alter: -
Geschlecht: Männlich
Verfasst Mi 19.01.2011 16:04
Titel

Antworten mit Zitat Zum Seitenanfang
Dank dir, habe ich abgeändert.

Habe es mit grün, orange und rot aufgeteilt ... jeder bleibt die aktive Auswahl nicht auf a:active ...
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>testing anchor</title>
<style type="text/css">
<!--
a:link, a:visited{
   color: green;
}
a:hover {
   color: orange;
}

a:active {
   color: red;
}
-->
</style>
</head>

<body>
<p><a href="#anker1">NAV ANKER1</a> <a href="#anker2">NAV ANKER 2</a> <a href="#anker3">NAV ANKER 3</a> <a href="#anker4">NAV ANKER 4</a></p>
<p>Anker 1<a name="anker1" id="anker1"></a></p>
<p>Anker 2<a name="anker2" id="anker2"></a></p>
<p>Anker 3<a name="anker3" id="anker3"></a></p>
<p>Anker 4<a name="anker4" id="anker4"></a></p>
</body>
</html>
  View user's profile Private Nachricht senden
snuwie

Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 19.01.2011 16:48
Titel

Antworten mit Zitat Zum Seitenanfang
du willst sicher, den aktiven link für deine aktuelle seite zeigen ... das geht nicht über die pseudo klasse, dafür musst du eine feste klasse vergeben.

Code:

<p><a href="#anker1">NAV ANKER1</a> <a href="#anker2" class="active">NAV ANKER 2 das ist dein aktiver Link</a> <a href="#anker3">NAV ANKER 3</a> <a href="#anker4">NAV ANKER 4</a></p>


so könntest du ihn ansprechen:

Code:

a.active { ... }
  View user's profile Private Nachricht senden
socm
Threadersteller

Dabei seit: 04.01.2011
Ort: DE
Alter: -
Geschlecht: Männlich
Verfasst Mi 19.01.2011 16:53
Titel

Antworten mit Zitat Zum Seitenanfang
Verstehe, dann geht es mit Anker ohne einer JS Lösung bestimmt nicht.
  View user's profile Private Nachricht senden
snuwie

Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 20.01.2011 09:28
Titel

Antworten mit Zitat Zum Seitenanfang
socm hat geschrieben:
Verstehe, dann geht es mit Anker ohne einer JS Lösung bestimmt nicht.

ich würde es eher mit php umsetzen ... aber zu diesem thema gibts hier schon mehrere themen *zwinker*
  View user's profile Private Nachricht senden
 
Ähnliche Themen Status "active" in Catalyst definieren für Flex 4 Skin
dynamischer scroll von anker zu anker
MSN Status anzeigen so wie bei ICQ?
FTP Status mit PHP abfragen
Javascript Button-Status
jQuery Status einer Funktion
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB