Farbe der besuchten Links

danek

Guten Abend.

Ich habe ein Problem mit der Farbe der besuchten Link, was vermutlich an meinen mangelnden CSS-Kenntnissen liegt.

Ich benutze den PopBlue Theme den ich modifiziert habe - jedenfalls habe ich das versucht...

Mein konkretes Problem ist folgendes:
Die Links in der oberen Leiste (Home, Info und Kontakt) haben die Farbe #eeeeee - active, visited und normal. Als Hovereffekt dient #ffffff.
Problematisch wird es nun in der Sidebar:
Dort haben die Links die Farbe #D20000 (ebenfalls active, visited und normal - als Hovereffekt zwar die selbe Farbe, dafür aber unterstrichen).
Soweit funktioniert auch alles, nur sind die "visited links" auch in der Sidebar in der Farbe #eeeeee. Das ist in ziemlich helles grau, was auf einem weißen Hintergrund praktisch unsichtbar wird. Der Hovereffekt löst sich in Luft auf und die Links bleiben grau...

Ich habe mir die style.css nun mehrfach angeschaut, meiner Meinung auch genau, und ich kann einfach den Fehler nicht finden.
Es wäre erste Sahne wenn sich das jemand mal anschauen könnte und mir das Problem vor Augen führen könnte.
Höchstwahrscheinlich ist das nur ein kleiner Fehler, den ich auf Grund meiner Unerfahrenheit nicht sehe...

Das betreffende Blog: blog.kenadria.de

Und die style.css:

CSS

/*
Theme Name: Pop Blue DE-Version
Theme URI: http://www.blogohblog.com/
Description: Pop Blue is a 2 columns Wordpress theme. Clean, simple and lightwieght theme. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer :)
Version:
Author: Bob
Author URI: http://www.blogohblog.com/


This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
*/
body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;margin:0;padding:0; color:#666;}
#top{width:980px;height:100px;margin:10px auto;padding:0;}
#header{margin:0 auto;padding:0;}
#header h1{text-indent:-10000px;margin:0;padding:0;}
#header h1 a{display:block;background:url(images/ke2.jpg) no-repeat left;height:100px;}
h1, h2, h3 { font-family:Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; font-size:14px; font-weight:bold;}
a:link { text-decoration: none; color : #d20000; border: none;}
a:active { text-decoration: none; color : #d20000; border: none;}
a:visited { text-decoration: none; color : #d20000; border: none;}
a:hover    { text-decoration: underline; color : #d20000; border: none;}
#nav{background-color:#d20000;height:35px;border-bottom:#000000 1px solid;border-top:#000000 1px solid;margin:0;padding:0;}
#nav2{height:35px;width:800px;font-weight:700;margin:0 auto;padding:0;}
ul.nav2{height:35px;line-height:35px;float:left;list-style:none;font-size:12px;font-weight:700;margin:0;padding:0;}
ul.nav2 li{float:left !important;list-style-type:none;margin:0;padding:0;}
ul.nav2 li a,ul.nav2 li a:link,ul.nav2 li a:visited{text-decoration:none;color:#eeeeee;float:left;display:block;padding:0 10px;}
ul.nav2 li a:hover{color:#ffffff;text-decoration:none;}
ul.nav2 li a:active{color:#eeeeee;text-decoration:none;}
ul.nav2 li.current_page_item a{text-decoration:none;color:#eeeeee;}
ul.nav2 li ul{float:left;margin:0;padding:0;}
.postmetadata { background:#eeeeee; border-bottom:#c7c7c7 2px solid; padding:5px;}
span.cmt{background:transparent url(images/comment.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
span.cty{background:transparent url(images/category.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
#main{width:800px;margin:0 auto;padding:0;}
#content{float:left;width:580px;margin:10px 0 0;padding:0; border-right:1px #c7c7c7 solid;}
.entry{float:left;width:570px;margin:0;padding:0; overflow:hidden;}
#sidebar{float:right;width:200px;margin:10px 0 0;padding:0;}
#rsidebar{float:right;width:200px;margin:0;padding:0; overflow:hidden;}
#rsidebar h2{font-size:12px;border-bottom:#eee 1px solid;margin:0 0 5px;padding:0;}
#rsidebar ul{list-style-type:none;margin:0;padding:0;}
#rsidebar ul li{list-style-type:none;margin:0 0 10px;padding:0;}
#rsidebar ul li ul{list-style-type:square;margin:0;padding:0 3px;}
#rsidebar ul li ul li{list-style-type:none;background:transparent url(images/li.gif) no-repeat 0 3px;border:0;margin:0;padding:0 0 3px 15px;}
.navigation{width:580px;color:#666;margin:0 auto; padding:0;}
.alignright{float:right;margin-top:10px; margin-bottom:10px;}
.alignleft{float:left;margin-top:10px; margin-bottom:10px;}
#searchform { height:35px; line-height:35px; float:right; margin: 0; padding: 0;  }
input#s { color: #5188d2; width: 200px; border: 1px solid #cbcbcb; background:#fcfcfc;}
#footer{background:#eafaff;clear:both;height:5px !important;margin:0;padding:0;}
#footerbox{background:#d20000;height:30px;line-height:30px !important;border-bottom:#000000 1px solid;border-top:#000000 1px solid;margin:0;padding:0;}
.footer{width:800px;color:#095278;height:30px;line-height:30px !important;margin:0 auto;padding:0;}
.footer a:hover{text-decoration:none;color:#ffffff;border:none;}
.footer a:link{text-decoration:none;color:#eeeeee;border:none;} a:active{text-decoration:none;color:#eeeeee;border:none;} a:visited{text-decoration:none;color:#eeeeee;border:none;}
.boxcomments{border-top:5px solid #ddd;border-bottom:5px solid #ddd;margin-bottom:20px;width:580px;}
#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist :hover{background:#eeeeee;}
ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li :hover{background:none;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2{margin:0;}
ol.tblist{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}
ol.tblist li{display:block;list-style:none;background:#e7f9ff;padding-left:15px;margin:0 0 5px;}

Alles anzeigen

Ich bedanke mich im Voraus und wünsche ein schönes Wochenende
danek

PS:
Das Problem betrifft _alle_ visited Links. Nicht nur in der Sidebar.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

maxe

du hast 2x a.visited drin:

Code

a:visited { text-decoration: none; color : #d20000; border: none;}




a:visited{text-decoration:none;color:#eeeeee;border:none;}

Natürlich wird dann das erste vom zweiten überschrieben.

danek

Guten Morgen.

Danke für deine Antwort maxe, leider wurde das Problem damit nicht behoben.
Ich bin davon ausgegangen, dass sich das untere active auf die obere Leiste bezieht, da auch die anderen Farbvorgaben (#d20000 für die Links zB) nicht überschrieben wurden.
Dennoch habe ich das mal ausprobiert, und nur erreicht, dass die visited links in der oberen Leiste die jeweilige Farbe annehmen.
In der Sidebar und im Artikel selbst bleiben die Links nach dem klicken weiterhin grau (''#eeeeee).
Liegt es gar an etwas anderem?

Wäre nett wenn du dir das nochmal anschaust.

maxe

aber wenn du 2x genau die selben Tags formatierst, wird nur das unterste genommen. Also lösch mal

Code

a:visited{text-decoration:none;color:#eeeeee;border:none;}

danek

Hallo.

Danke nochmal für deine Antwort.
Problem gelöst, ich habe zuvor an der falschen Zeile herumgespielt.

Was ich verändert habe bezog sich tastsächlich auf die obere Leiste. Die Zeile die du meintest habe ich dem Footer zugerechnet, was nicht der Fall ist.

Funktioniert jetzt wie gewünscht, vielen vielen Dank für deine Hilfe!

Einen schönen Sonntag noch.

danek

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Farbe der besuchten Links

Jetzt mitmachen!

Benutzer online in diesem Thema