[Levithas]

Hallo,

bei meinem neuen Theme werden die besuchten Links weiß angezeigt, obwohl ich eigentlich eine andere Farbe angegeben habe. Das Problem dabei ist, der Hintergrund ist auch weiß. Vielleicht entdeckt jemand den Fehler auf Anhieb in dem beigefügten Code, ich habe schon mehrfach verzweifelt gesucht. Auch mit einer Validierung bin ich nicht weitergekommen, weil ich aus den Warnungen nicht schlau werde und btw. glaube ich auch nicht, dass diese mein Problem ansprechen, sondern einfach fehlende Hintergrundfarbangaben etc.. Wer Lust hat, kann sich das ja mal anschauen und eventuell aus Erfahrung Hilfe geben. Danke schonmal.

Hier noch der Link zum Forum: Forum der Philosophie

Code:

body {
    background: none;
    margin: 0px;    
    padding: 0px;
    font-size: 16px;
}

a:link {
    color: #6495ed;4
    text-decoration: none;
}

a:visited {
    color: #6495ed;
    text-decoration: none;
}

a:hover, a:active {
    color: #222222;
    text-decoration: underline;
}

h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.25em;
}

h1, h2 {
    font-family: georgia, times, serif;
    color: #6495ed;
}

p {
    font-size: 0.9em;
    font-family: verdana, arial, sans-serif;
    color: #222222;
}

#logo_bg {
    background: url(images/Theme001/Styles/logo-02.png) no-repeat black;
    height: 75px;
    border-bottom: 1px solid #696b6e;
}

#logo {
    background: transparent;
    height: 75px;
    width: 80%;
    margin: auto;
    padding: 21px 11px;
    font-size: 1.75em;
    font-family: georgia, times, serif;
    color: white;
}

#navigation_a_bg {
    background: url(images/Theme001/Styles/nav-01.jpg) repeat-x black;
    height: 30px;
    border-bottom: 1px solid #696b6e;
    margin: 0px;
    padding: 0px;
}

#navigation_a {
    background: transparent;
    height: 33px;
    width: 80%;
    margin: auto;
    padding: 5px;
    font-size: 1em;
    font-family: georgia, times, serif;
            font-weight: bold;
            color: white;
}

#navigation_a ul {
    margin: 0px;
    padding: 0px;
}

#navigation_a li {
    display: inline;
    list-style-type: none;
    margin: 0px 0px;
    padding: 0px 0px;
}

#navigation_a a:link, a:visited {
    color: white;
    text-decoration: none;
}

#navigation_a a:hover, a:active {
    text-decoration: underline;
}

#main_bg {
    background: url(images/Theme001/Styles/bg-gw-1900x1100.png) no-repeat white;
    margin: 0px;
    padding: 0px;
}

#main {
    background: #ffffff none;
    border: 1px solid #696b6e;
    width: 80%;
            min-height: 1200px;
    margin: 1px auto 0px;
    padding: 15px;
    -moz-border-radius:12px;
    font-size: 0.9em;
    font-family: verdana, arial, sans-serif;
    color: #222222;
    line-height: 1.4em;
}

#main img {
    border: none;
}

#lastpost {
    line-height: 1.4;
        font-size: 11px;
}

#footer {
    width: 80%;
    margin: 1px auto 1px;
    padding: 15px;
    border: 1px solid #696b6e;
    -moz-border-radius:12px;
    background: white;
    font-size: 0.75em;
    font-family: verdana, arial, sans-serif;
    color: #222222;
    line-height: 1.4em;
}

#content {
    /* FIX: Make internet explorer wrap correctly */
    width: auto !important;

}

.menu {
    background: #dddddd;
    padding: 5px 15px;
    text-align: center;
    font-size: 14px;
}

.menu ul {
    color: #6495ed;
    font-weight: bold;
    text-align: right;
    padding: 4px;
}

.menu ul a:link {
    color: #6495ed;
    text-decoration: none;
}

.menu ul a:visited {
    color: #6495ed;
    text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
    color: #6495ed;
    text-decoration: underline;
}

#panel {
    background: white;
    color: #000000;
    font-size: 12px;
    padding: 8px;
}

table {
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

.tborder {
    background: white;
    width: 100%;
    margin: auto auto;
    border: 1px solid #6495ed;
}

.thead {
    background: #026CB1 url(images/Theme001/Styles/nav-01.jpg) top left repeat-x;
    color: white;
}

.thead a:link {
    color: white;
    text-decoration: none;
}

.thead a:visited {
    color: white;
    text-decoration: none;
}

.thead a:hover, .thead a:active {
    color: white;
    text-decoration: underline;
}

.tcat {
    background: #dddddd;
    color: #000000;
    font-size: 12px;
}

.tcat a:link {
    color: #6495ed;
}

.tcat a:visited {
    color: #6495ed;
}

.tcat a:hover, .tcat a:active {
    color: #6495ed;
}

.trow1 {
    background: white;
}

.trow2 {
    background: white;
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: #FFFBD9;
}

.trow_sep {
    background: #e5e5e5;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background: #026CB1 url(images/Theme001/Styles/nav-01.jpg) top left repeat-x;
    color: #ffffff;
}

.tfoot a:link {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:visited {
    color: #ffffff;
    text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
    color: #ffffff;
    text-decoration: underline;
}

.navigation {
    color: #6495ed;
    font-size: 14px;
    font-weight: bold;
}

.navigation a:link {
    text-decoration: none;
}

.navigation a:visited {
    text-decoration: none;
}

.navigation a:hover, .navigation a:active {
    text-decoration: none;
}

.navigation .active {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

input.textbox {
    background: #ffffff;
    color: #000000;
    border: 1px solid #696b6e;
    padding: 1px;
}

textarea {
    background: #ffffff;
    color: #000000;
    border: 1px solid #696b6e;
    padding: 2px;
    font-family: Verdana, Arial, Sans-Serif;
    line-height: 1.4;
    font-size: 13px;
}

select {
    background: #ffffff;
    border: 1px solid #0f5c8e;
}

.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.editor_control_bar {
    background: #fff;
    border: 1px solid #0f5c8e;
}

.autocomplete {
    background: #fff;
    border: 1px solid #000;
    color: black;
}

.autocomplete_selected {
    background: #adcee7;
    color: #000;
}

.popup_menu {
    background: #ccc;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #fff;
    color: #000;
}

.popup_menu .popup_item:hover {
    background: #C7DBEE;
    color: #000;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.invalid_field {
    border: 1px solid #f30;
    color: #f30;
}

.valid_field {
    border: 1px solid #0c0;
}

.validation_error {
    background: url(images/invalid.gif) no-repeat center left;
    color: #f30;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_success {
    background: url(images/valid.gif) no-repeat center left;
    color: #00b200;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_loading {
    background: url(images/spinner.gif) no-repeat center left;
    color: #555;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    list-style: none;
    margin: 0;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: right;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}

#copyright {
    font: 11px Verdana, Arial, Sans-Serif;
    width: 80%;
    margin: 1px auto 1px;
    padding: 10px 14px;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
}

blockquote {
    border: 1px solid #ccc;
    margin: 0;
    background: #fff;
    padding: 4px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    margin: 4px 0;
}

blockquote cite span {
    float: right;
    font-weight: normal;
}


blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

.codeblock {
    background: #fff;
    border: 1px solid #ccc;
    padding: 4px;
}

.codeblock .title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin: 4px 0;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding: 3px;
}

.pm_alert {
    background: #FFF6BF;
    border: 1px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
    font-size: 11px;
}

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    color: #A5161A;
    text-align: center;
    padding: 5px 20px;
    font-size: 11px;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    background: #FFF6BF;
    font-size: 12px;
}

div.error p {
    margin: 0;
    color: #000;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #C00;
    background: url('images/error.gif') no-repeat 0;
}

div.error.ul {
    margin-left: 24px;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
    padding-top: 0;
}
.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current, .pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
}

.pagination a {
    border: 1px solid #81A2C4;
}

.pagination .pagination_current {
    background: #F5F5F5;
    border: 1px solid #81A2C4;
    font-weight: bold;
}

.pagination a:hover {
    background: #F5F5F5;
    text-decoration: none;
}

.thread_legend, .thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.post_body {
    padding: 5px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url('images/jump.gif') no-repeat 0;
    width: 13px;
    height: 13px;
    padding-left: 13px; /* amount of padding needed for image to fully show */
    vertical-align: middle;
    border: none;
}

[StefanT]

Schau bei #navigation_a a:link, a:visited
PS: Ich benutze die Entwicklerwerkzeuge von Opera. Da kann man einfach auf des Element klicken und man sieht dann woher welche CSS-Einstellungen kommt.

[Levithas]

Das Tool probier ich gerade aus, danke für den Tip.
Steig da aber nicht so ganz durch ehrlich gesagt. Weißt Du zufällig, wieso #navigation_a die übrigen Links beeinfluss? Das ist doch eigentlich nur für die Navigationsleiste zuständig.

[linwinman]

Hallo Levithas,

kannst du bitte einen Links zum Forum posten?

[Levithas]

Steht eigentlich im Eingangspost, aber hier gern nochmal: http://www.fdphil.de/forum/index.php

---

Ach lol, ja hab's gerade gefunden. Nach dem Komma muss man natürlich wieder die Individuelle Klasse angeben, also: #Navigation_a a:link, #Navigation_a a:visited {...}
*schäm*

---

Das gleiche Stylesheet betreffend, hätte ich aber noch eine andere Frage. Und zwar wird im IE der Hintergrund der Navigationsleiste gestreckt. Also ich habe dort quasi zwei schwarze Balken oben und unten. Bei allen anderen Browsern wird es dagegen korrekt mit einer Höhe von 76px dargestellt. Weiß jemand wie man das fixen kann?

[Michael]

Im IE8 siehts richtig aus...

[Levithas]

Ok, ich hab noch Version 7. Dann lass ich das einfach so.

[linwinman]

Ich kann dich beruhigen:
im IE7 ist es auch ok,    
nur im IE6 zickt die Darstellung.    

[Michael]

Naja, der IE6 gehört endlich eingemottet.

Wenn du das wirklich noch verbessern willst, kannst du mit Conditional Comments arbeiten und darüber ein Stylesheet extra für den IE einbinden. Siehe:
http://www.css4you.de/wsbw/index.html#bwiecc
http://de.selfhtml.org/css/layouts/brows...lternative

[linwinman]

Du glaubst nicht, wieviele (vorrangig Firmen) damit noch unterwegs sind...