Menü css a:active Problem

[dress-puntos]

Hallo zusammen,

im Menü auf der linken Seite werden mir die Links beim drüberfahren farblich rot gekennzeichnet und beim anklicken solange blau gekennzeichnet, bis die Seite neu geladen wurde.

Der aktive Link soll aber blau gekennzeichnet bleiben.

http://www.dress-puntos.net

Scheint als ob da irgendwo die information flöten geht.

Bei allen anderen Links sieht es so ähnlich aus.

Links die ein PopUp Fenster öffnen bleiben dagegen farblich rot (active) markiert.

Ich kann aber den Fehler nicht finden?

Hat jemand eine Idee?

Meine CSS Datei sieht wie folgt aus:

#CatNavi a:active { color: #960770; }

#CatNavi { margin: 0; padding-left: 9px; }

#CatNavi ul { margin: 0; padding-left: 1px; }

#CatNavi li { display: inline; list-style-type:none; }

#CatNavi a { color : #900100; display: block; margin: 0; padding: 1px }

#CatNavi #currentpage a { color: #900770; }

#CatNavi .CatLevel { }

#CatNavi .CatLevel a { visibility: visible; padding-left:15px; }

#CatNavi .CatLevel a:hover { color: #999933; cursor: text; text-decoration:none; }

#CatNavi .CatLevel #currentpage a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #011099; text-decoration:none; }

#CatNavi .CatLevel li { }

#CatNavi .CatLevel ul { }

#CatNavi .CatLevel SubMenue li { }

#CatNavi .CatLevel1 {}

#CatNavi .CatLevel1 a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #020099; text-decoration:none; }

#CatNavi .CatLevel1 a { visibility: visible; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #007430; font-weight: bold; padding-left:5px; }

#CatNavi .CatLevel1 a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color : #952100; text-decoration:none; }

#CatNavi .CatLevel1 #currentpage a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color : #007099; text-decoration:none; }

#CatNavi .CatLevel1 li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color : #914100; }

#CatNavi .CatLevel1 ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color : #977100; }

#CatNavi .CatLevel1 SubMenue li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color : #988100; }

#CatNavi .CatLevel2 a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000099; text-decoration:none; }

#CatNavi .CatLevel2 a { visibility: visible; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color: #000000; font-weight: normal; padding-left:23px; }

#CatNavi .CatLevel2 a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color: #933100; text-decoration:none; }

#CatNavi .CatLevel2 #currentpage a { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color : #005099; text-decoration:none; }

#CatNavi .CatLevel2 li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #911100; }

#CatNavi .CatLevel2 ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #922100; }

#CatNavi .CatLevel2 SubMenue li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; colo: #900100; }

body {

margin:0;

margin-top:20px;

background:url(b.gif) repeat-x #363232;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

}

.content a {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

color : #000000;

}

.content a:hover {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

color : #900100;

}

.content a:active {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

color : #900100;

}

.navtrail a {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

color : #000000;

}

.navtrail a:hover {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

color : #900100;

}

.navtrail a:active {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

color : #900100;

}

.tax a:hover {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

color : #a00000;

}

.tax a:active {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

color : #000000;

}

.leiste a {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

background-color : #363232;

color : #dfdfdf;

text-align : center;

text-decoration : none;

}

.leiste a:hover {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

background-color : #363232;

color : #ffffff;

text-decoration : none;

}

.plusbar-micro a {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 9px;

background-color : #efefef;

color : #000000;

text-decoration : none;

}

.plusbar-micro a:hover {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 9px;

background-color : #efefef;

color : #000000;

text-align : center;

text-decoration : underline;

}

.copyrightlinks a {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 10px;

background-color : #363232;

color : #dfdfdf;

text-align : center;

text-decoration : none;

}

.copyrightlinks a:hover {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 10px;

background-color : #363232;

color : #ffffff;

text-align : center;

text-decoration : none;

}

.plusbar a {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

background-color : #efefef;

color : #000000;

text-align : center;

text-decoration : none;

}

.plusbar a:hover {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

background-color : #efefef;

color : #900100;

text-align : center;

text-decoration : none;

}

.plusbar a:active {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

background-color : #efefef;

color : #900100;

text-align : center;

text-decoration : none;

}

.copyrightdress a {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 9px;

background-color : #363232;

color : #dfdfdf;

text-align : center;

text-decoration : none;

margin-left : auto;

margin-right : auto;

}

.copyrightdress a:hover {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 9px;

color : #ffffff;

text-align : center;

text-decoration : none;

margin-left : auto;

margin-right : auto;

}

.content-impressum a {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

background-color : #dfdfdf;

color : #000000;

text-decoration : none;

}

.content-impressum a:hover {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

background-color : #dfdfdf;

color : #a00100;

text-decoration : none;

}

.content-kundenlogin a {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

background-color : #dfdfdf;

color : #000000;

text-decoration : none;

}

.content-kundenlogin a:hover {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

background-color : #dfdfdf;

color : #a00100;

text-decoration : none;

}

.content-kundenmenue a {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

background-color : #dfdfdf;

color : #000000;

text-decoration : none;

}

.content-kundenmenue a:hover {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

background-color : #dfdfdf;

color : #a00100;

text-decoration : none;

}

.main a {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

background-color : #dfdfdf;

color : #000000;

text-decoration : none;

}

.main a:hover {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

background-color : #dfdfdf;

color : #a00100;

text-decoration : none;

}

.mainmicro a {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 9px;

background-color : #dfdfdf;

color : #000000;

text-decoration : none;

}

.mainmicro a:hover {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 9px;

background-color : #dfdfdf;

color : #a00100;

text-decoration : none;

}

.boxTextBGII {

font-family : Verdana, Arial, sans-serif;

font-size : 10px;

background-color : #cbcdcb;

}

.table a {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

background-color : #dfdfdf;

color : #000000;

text-decoration : none;

}

.table a:hover {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

background-color : #dfdfdf;

color : #a00100;

text-decoration : none;

}

TD.tableHeading {

font-family : Verdana, Arial, sans-serif;

font-size : 12px;

font-weight : bold;

}

TD.main, P.main {

font-family : Verdana, Arial, sans-serif;

font-size : 11px;

line-height : 1.2;

}

TD.infoBoxHeading {

font-family : Verdana, Arial, sans-serif;

font-size : 10px;

font-weight : bold;

background : #666666;

height : 17px;

color : #ffffff;

}

.impre {

font-family : Verdana, Arial, sans-serif;

font-size : 9px;

color : #ffffff;

text-align : center;

}

.error {

font-weight : bold;

color : #f00;

}

.comments textarea {

background-color : #ffffff;

color : #1e1e1e;

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 10px;

border : 1px inset;

border-color : #000000 #000000 #000000 #000000;

height : 120px;

width : 480px;

}

.new_address {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 10px;

color : #1e1e1e;

background-color : #ffffff;

padding : 10px;

}

.new_address .inputRequirement input {

background-image : url(images/bg_form.gif);

background-color : #ffffff;

color : #1e1e1e;

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 9px;

border : 1px inset;

border-color : #000000 #000000 #000000 #000000;

height : 14px;

width : 135px;

}

.new_address select {

color : #1e1e1e;

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 10px;

border : 1px inset;

border-color : #000000 #000000 #000000 #000000;

background-color : #ffffff;

height : 16px;

width : 200px;

}

.checkoutBarCurrent {

font-weight : bold;

}

#index_text {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 10px;

color : #1e1e1e;

margin : 0 255px 0 0;

padding : 10px;

}

#index {

float : right;

padding-left : 10px;

color : #1e1e1e;

height : 100%;

}

a {

color : #1e1e1e;

text-decoration : none;

}

hr {

color : #1e1e1e;

height : 1px;

text-decoration : none;

}

table {

font-family : Verdana, Arial, Helvetica, sans-serif;

border-spacing : 0;

margin : 0;

color : #000000;

padding : 0;

font-size : 11px;

}

.cart_description {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 10px;

color : #1e1e1e;

background-color : #ffffff;

margin : 0;

padding : 10px;

}

.cart_description p {

margin : 10px 0 5px 0;

padding : 0;

}

.products_description {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 12px;

font-weight : bold;

color : #000000;

margin : 0;

padding : 7px 10px 8px 5px;

}

.products_description_2 {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 12px;

font-weight : bold;

color : #ffffff;

margin : 0;

padding : 7px 10px 8px 5px;

}

.products_overview {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 10px;

color : #000000;

margin : 0;

}

.products_anzahl {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 9px;

color : #000000;

background-color : #f2f2f2;

margin : 0;

}

.products_description h1 {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 10px;

font-weight : bold;

margin : 0;

padding : 0;

}

.products_description h2 {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 14px;

font-weight : bold;

margin : 0;

padding : 0;

}

.products_description p {

margin : 10px 0 5px 0;

padding : 0;

}

.products_price {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-weight : bold;

font-size : 18px;

color : #1e1e1e;

}

.boxcontent22 {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 10px;

color : #000000;

background-color : #000000;

background-repeat : no-repeat;

text-decoration : none;

}

.boxcontent_admin {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 10px;

color : #d60606;

background-color : #dfdfdf;

background-repeat : no-repeat;

text-decoration : none;

}

.boxcontent {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

color : #000000;

background-repeat : no-repeat;

text-decoration : none;

}

.boxcontent2 {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 10px;

color : #ffffff;

background-color : #ffffff;

background-repeat : no-repeat;

text-decoration : none;

}

.products_name {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 14px;

font-weight : bold;

color : #1e1e1e;

text-decoration : none;

}

.bg_boxen {

background : #fff url(images/bg_boxen.gif) repeat-y;

}

.listing_picture {

border : 0 inset;

border-color : #ffffff #ffffff #ffffff #ffffff;

}

.listing_description {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 10px;

color : #1e1e1e;

background-color : #dfdfdf;

padding : 10px;

vertical-align : top;

}

#dropdown select {

color : #1e1e1e;

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 10px;

border : 1px inset;

border-color : #03c11e #03c11e #03c11e #03c11e;

background-color : #e6e6e6;

height : 16px;

width : 150px;

}

.INPUT1 {

background-image : url(images/bg_form.gif);

color : #1e1e1e;

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 10px;

border : 1px solid #ddd;

border-color : #000000;

height : 13px;

width : 140px;

}

.INPUT2 {

background-image : url(images/bg_form.gif);

background-color : #ffffff;

color : #1e1e1e;

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 10px;

border : 1px;

border-color : #000000 #000000 #000000 #000000;

height : 16px;

width : 20px;

text-align : center;

}

.INPUT3 input {

background-image : url(images/bg_form.gif);

background-color : #ffffff;

color : #1e1e1e;

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 10px;

border : 1px inset;

border-color : #000000 #000000 #000000 #000000;

height : 16px;

width : 20px;

text-align : center;

}

.INPUT4 input {

background-image : url(images/bg_form.gif);

background-color : #ffffff;

color : #1e1e1e;

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 9px;

border : 1px inset;

border-color : #000000 #000000 #000000 #000000;

height : 14px;

width : 135px;

}

.INPUT5 input {

background-color : #ffffff;

color : #1e1e1e;

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 9px;

border : 1px inset;

border-color : #000000 #000000 #000000 #000000;

height : 14px;

width : 100px;

}

.navi_aktiv {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-weight : bold;

font-size : 11px;

color : #ffffff;

text-decoration : none;

}

.navi_inaktiv {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-weight : bold;

font-size : 11px;

color : #ffffff;

text-decoration : none;

}

.copyright {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 1px;

background-color : #363232;

color : #363232;

text-align : center;

text-decoration : none;

}

.copyright a {

color : #363232;

text-decoration : none;

font-size : 1px;

}

img {

border : 0;

}

.moduleRow {

font-family : Verdana, Arial, sans-serif;

font-size : 12px;

background-image : url(images/stars_1.gif);

background-color : #dfdfdf;

color : #000000;

border-color : #bdbcbc;

border-color : #e6e6e6;

text-decoration : none;

}

.moduleRowOver {

background-image : url(images/stars_1.gif);

background-color : #dfdfdf;

color : #000000;

border-color : #bdbcbc;

border-color : #bdbcbc;

font-family : Verdana, Arial, sans-serif;

font-size : 12px;

text-decoration : none;

}

h1 {

color : #000000;

font-weight : bold;

font-size : 22px;

margin : 20px 0 15px 0;

padding : 0;

width : auto;

border-style : solid;

border-width : 0 0 1px 0;

border-color : #000000;

}

h2 {

color : #000000;

font-weight : bold;

font-size : 16px;

margin : 15px 0 8px 0;

padding : 0;

}

p {

margin : 8px 0 8px 0;

}

table.orderdetails {

font-size : 11px;

background-color : #d4d4d4;

border-style : solid;

border-width : 0 1px 1px 1px;

border-color : #000000;

}

table.orderdetails tr td {

padding : 4px;

}

table.orderdetails tr.headerrow td {

background-color : #000000;

color : #ffffff;

font-weight : bold;

}

table.orderdetails tr.headerrow td.left {

text-align : left;

}

table.orderdetails tr.headerrow td.center {

text-align : center;

}

table.orderdetails tr.headerrow td.right {

text-align : right;

}

table.orderdetails tr.contentrow1 td {

background-color : #d4d4d4;

vertical-align : top;

}

table.orderdetails tr.contentrow1 td.quantity {

text-align : center;

}

table.orderdetails tr.contentrow1 td.quantity input {

font-size : 11px;

padding : 2px;

border : 1px solid #000000;

}

table.orderdetails tr.contentrow1 td.productname {

text-align : left;

}

table.orderdetails tr.contentrow2 td {

background-color : #dfdfdf;

vertical-align : top;

}

table.orderdetails tr.contentrow2 td.quantity {

text-align : center;

}

table.orderdetails tr.contentrow2 td.quantity input {

font-size : 11px;

padding : 2px;

border : 1px solid #000000;

}

table.orderdetails tr.contentrow2 td.productname {

text-align : left;

}

table.orderdetails tr td.singleprice {

text-align : right;

white-space : nowrap;

}

table.orderdetails tr td.totalprice {

text-align : right;

white-space : nowrap;

}

table.orderdetails tr td.delete {

text-align : center;

white-space : nowrap;

}

table.orderdetails tr td.productname table.productattributes {

margin-top : 3px;

}

table.orderdetails tr td.productname table.productattributes tr td {

padding : 0;

}

table.orderdetails tr td.productname table.productattributes tr td.attribute {

padding-right : 4px;

}

table.orderdetails tr td.productname table.productattributes tr td.value {

width : 100%;

}

table.orderdetails tr td.subtotal {

background-color : #dfdfdf;

text-align : right;

border-style : solid;

border-width : 1px 0 0 0;

border-color : #000000;

}

p.checkoutcomment textarea {

width : 100%;

}

p.checkoutagb textarea {

width : 100%;

}

ul#checkoutnavigation li {

height : 70px;

list-style-type : none;

float : left;

width : 185px;

margin-right : 15px;

border : 1px solid;

padding : 8px;

}

ul#checkoutnavigation li.active {

background-color : #dfdfdf;

}

ul#checkoutnavigation li.active .number {

font-size : 20px;

font-weight : bold;

}

ul#checkoutnavigation li.active .title {

font-size : 14px;

font-weight : bold;

}

ul#checkoutnavigation li.active .description {

font-size : 11px;

}

ul#checkoutnavigation li.inactive {

color : #999999;

background-color : #ededed;

border-color : #999999;

}

ul#checkoutnavigation li.inactive .number {

font-size : 20px;

font-weight : bold;

}

ul#checkoutnavigation li.inactive .title {

font-size : 14px;

font-weight : bold;

}

ul#checkoutnavigation li.inactive .description {

font-size : 11px;

}

ul.messageStack {

border : 2px solid #b22020;

background-color : #ffd6d6;

padding : 8px;

}

ul.messageStack li.messageStackError {

list-style : none;

padding : 5px 0 2px 20px;

background-image : url(../../images/icons/exclamation.png);

background-repeat : no-repeat;

background-position : 0 4px;

}

ul.messageStack li.messageStackWarning {

list-style : none;

padding : 5px 0 2px 20px;

background-image : url(../../images/icons/icon_alert.gif);

background-repeat : no-repeat;

background-position : 0 4px;

background-color : #fff2cd;

}

ul.messageStack li.messageStackSuccess {

list-style : none;

padding : 5px 0 2px 20px;

background-image : url(../../images/icons/icon_accept.gif);

background-repeat : no-repeat;

background-position : 0 4px;

background-color : #66ff66;

}

.footer {

clear : both;

text-align : center;

font-size : 11px;

color : #666666;

background-color : #e2e2e2;

padding : 8px;

margin-bottom : 5px;

}

.footer a {

color : #666666;

text-decoration : underline;

}

Viele Grüße

Kai

[bri]

Hallo Kai,

das Problem könnte evtl. an der Reihenfolge der Definitionen liegen.

Links in folgender Reihenfolge angeben:

a:link

a:visited

a:focus

a:hover

a:active

Wär mal einen Versuch wert.

Herzliche Grüße

Inge

[dress-puntos]

Hi,

Danke für den Tipp, aber das funktioniert leider auch nicht.

Scheint als ob da irgendeine Information beim neuladen der Seite verloren geht.

Viele Grüße

Kai

[bri]

Hallo,

mit

#CatNavi .CatLevel1 a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #020099; text-decoration:none; }

definierst Du doch, dass der aktive Link blau angezeigt werden soll.

Änder hier mal die Farbe - oder ich hab nicht begriffen, was Du meinst.

Herzliche Grüße

Inge

[dress-puntos]

Hi

soweit stimmt das schon, nur bleibt der link ja leider nicht blau sondern wird wieder schwarz, nachdem die seite neu geladen wurde.

Der link soll einfach solange nach dem anklicken in der blauen farbe markiert bleiben, bis man auf einen anderen link klickt der dann wiederum blau markiert werden soll und der davor blau markierte link soll wieder schwarz werden.

:-)

Gruß Kai

[Mr.Proxy]

und dass externe Links rot bleiben ist auch nur beim IE so, beim FireFox bleibt nix rot!

vermute, dass beim IE das script nicht weiter ausgeführt wird und das Ding einfach beim hover hängt!

[dress-puntos]

Stimmt Firefox bachtet das CSS noch weniger.

[Hetfield]

Aber ihr wisst schon, dass a:active nicht den Link markiert, auf dem ihr euch gerade befindet, sondern nur der Zustand beim Klick auf einen Link ist? Um einen solchen Link anders zu stylen muss er auch einen andere Klasse/ID bekommen.

MfG Hetfield

[dress-puntos]

Der Zustand nach dem anklicken (in dem Fall Farbe Blau) bleibt ja im IE jedenfalls nur solange, solange die Seite noch nicht neu geladen wurde, also nur für einen kleinen moment.

Der Link sollte ja Blau bleiben.

Ist dafür nicht a:active zuständig?

Viele Grüße

Kai

[Hetfield]

Nein, a:active ist nur für den gerade von dir beschriebenen Zustand da. In dem Augenblick, wo ich einen Link anklicke ist er "active". Durch den Wechsel zu einer anderen Seite wird der Zustand aufgelöst und der Link ist wieder nur ein Link mit dem Zustand "link".

MfG Hetfield

[dress-puntos]

OK,

um welches Attribut müßte ich das CSS demnach ergänzen?

Gruß Kai

[Hetfield]

Dafür gibt es kein Attribut. Du musst dafür sorgen, dass der aktive Link eine eigene Klasse/ID bekommt. Diese dann wieder per CSS formatieren.

MfG Hetfield