#1 (permalink)  
Alt 19.02.2009, 19:55
xt:Commerce Support Kunde
 
Registriert seit: 28.05.2008
Beiträge: 20
Standard Menü css a:active Problem

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

Geändert von dress-puntos (19.02.2009 um 23:05 Uhr)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
  #2 (permalink)  
Alt 19.02.2009, 21:45
bri bri ist offline
xt:Commerce Support Kunde
 
Registriert seit: 28.10.2004
Beiträge: 156
Standard

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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
  #3 (permalink)  
Alt 19.02.2009, 22:01
xt:Commerce Support Kunde
 
Registriert seit: 28.05.2008
Beiträge: 20
Standard

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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
  #4 (permalink)  
Alt 19.02.2009, 23:08
bri bri ist offline
xt:Commerce Support Kunde
 
Registriert seit: 28.10.2004
Beiträge: 156
Standard

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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
  #5 (permalink)  
Alt 19.02.2009, 23:15
xt:Commerce Support Kunde
 
Registriert seit: 28.05.2008
Beiträge: 20
Standard

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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
  #6 (permalink)  
Alt 19.02.2009, 23:21
Neuer Benutzer
 
Registriert seit: 06.02.2009
Beiträge: 29
Standard

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!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
  #7 (permalink)  
Alt 20.02.2009, 08:50
xt:Commerce Support Kunde
 
Registriert seit: 28.05.2008
Beiträge: 20
Standard

Stimmt Firefox bachtet das CSS noch weniger.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
  #8 (permalink)  
Alt 20.02.2009, 09:02
Benutzerbild von Hetfield
Erfahrener Benutzer
 
Registriert seit: 04.01.2005
Ort: Attendorn
Beiträge: 557
Standard

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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
  #9 (permalink)  
Alt 20.02.2009, 10:38
xt:Commerce Support Kunde
 
Registriert seit: 28.05.2008
Beiträge: 20
Standard

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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
  #10 (permalink)  
Alt 20.02.2009, 10:45
Benutzerbild von Hetfield
Erfahrener Benutzer
 
Registriert seit: 04.01.2005
Ort: Attendorn
Beiträge: 557
Standard

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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!
Mit Zitat antworten
Antwort

Lesezeichen

Stichworte
aactive, css, menü, problem

Themen-Optionen
Ansicht

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are aus
Pingbacks are aus
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem Rechtevergabe Kategorie mythinkpad Fragen zur Software 1 14.02.2009 15:16
Html Problem.... ZaPP Allgemeine Diskussionen 2 22.01.2005 08:17


Alle Zeitangaben in WEZ +1. Es ist jetzt 01:52 Uhr.

Copyright © 2011 xt:Commerce GmbH / xt:Commerce International Ltd. - All Rights Reserved

xt:Commerce is a SafeCharge brand