[phpBB2] Links werden vereinzelt nicht wie gewünscht angezeigt

Hallo,

ich mal wieder. Wie der Titel schon sagt, werden bei mir bestimmte Links nicht so angezeigt, wie ich sie im CSS eingegeben habe.

Der sieht gerade folgendermaßen aus:

Code:

.nav a.nav img{
max-width: 100px;
}

    #i_logo {
        width: 100%;
    }
    .bodyline {
      padding: 0;
    }


bold, b {
  
}
      
i, em {
  
}
      
u {
  
}



/* Wörter- und Zeichenzähler ANFANG */
#Forumieren_editorAmount {
  color: #2e2e2e;
  font-size: 12px;
  margin-top: 5px;
  text-align: center;
}
/* Wörter- und Zeichenzähler ENDE */

.avatar.mini, .avatar.mini img {
height:300px;
width:200px;
}

.nav a.nav img{
max-width: 0px;
}


.forumlink {
  text-transform: uppercase;
  font-family: georgia;
  font-weight: normal;
  letter-spacing: none;
  font-size: 18px;
  text-shadow: none;
  text-align: center;
  display: block;
}

.forumlink:hover {
  text-transform: uppercase;
  font-family: georgia;
  font-weight: normal;
  letter-spacing: none;
  font-size: 18px;
  text-shadow: none;
  text-align: center;
  display: block;
}


.postbody {padding-left:40px;}

.postbody {padding-right:40px;}

/*---Text justifie par default---*/
.postbody {
}
/*---fin de section textdecoration fix---*/

/* Avatar für Gäste verbergen */
.avatar_hide img {
  display: none;
}
.avatar_hide a img {
  display: inline;
}

/* Profilfeld-Namen */
.postdetails.poster-profile span.label {
  display: block;
  font-size: 12px;
  background-color:#858585;
  text-align: center;
  text-transform: uppercase;
}
/* Profilfeld-Inhalte */
.postdetails {
  display: inline-block;
  font-size: 11px;
  text-align: center;
}

a {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

a:hover {
  color: #00dfdc;
  text-shadow: 3px 0px 0px #e204e3;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  -webkit-transition: all 0.5s ease 0s;
}

a:hover {
  text-decoration:none !important;
}

a:link {
  text-decoration:none !important;
}

.codebox .quote {
  border: 1px dashed #6b6b6b;
  background-color: #858585;
  padding: 5px;
}

.codebox .code {
  border: 1px dashed #6b6b6b;
  background-color: #858585;
  padding: 5px;
}

::-webkit-scrollbar {
  background-color: #858585;
  width: 7px;
}

::-webkit-scrollbar-track {
  background-color: #e858585;
  width: 7px;
}

::-webkit-scrollbar-thumb {
  background-color: #e4e4e4;
  width: 7px;
}

Transition wird immer angezeigt, aber wenn der Link dann normalerweise blau werden müsste, bleibt er in der normalen Textfarbe und bekommt einfach einen rosa Schatten. Bei den Gruppen ist das klar, denn denen hat man ja eine eigene Farbe zugeordnet, aber bei den Links zu den Themen beispielsweise. Wenn ich dort einen hover, der unter "Neueste Beiträge" steht, dann funktioniert es einwandfrei. Gehe ich aber in das Unterforum rein, und hover dort, dann bleibt funktioniert es nicht mehr, obwohl es ja derselbe Link ist.
Auch auf der Startseite bei "Neue Beiträge seit ihrem letzten Besuch" und die Folgenden.

Stimmt das irgendwas in meinem CSS nicht, bzw. kann man das extra bezeichnen, oder funktioniert das ganz einfach nicht?

Gruß, Azure!

Hallo,

ich würde dir empfehlen, dich mal mit der CSS-Kaskade auseinanderzusetzen:
http://wiki.selfhtml.org/wiki/CSS/Kaskade

Wenn sich verschiedene CSS-Zuweisungen auf ein Element beziehen, regelt die CSS-Kaskade, welche dieser Eigenschaften die "ranghöchste" ist und zur Geltung kommt. Dabei werden verschiedene Faktoren herangezogen, die alle im obigen Link erklärt werden.

In deinem konkreten Fall besitzen verschiedene "Linktypen" im Forum auch jeweils verschiedene Standard-CSS-Eigenschaften, Klassen etc.
Das bedeutet: Ein Link unter "Neueste Themen" besitzt andere Strukturen und Klassen um sich und wird vom CSS deines Forums anders angesprochen als ein Thementitel-Link in einem Forum. Der eine Linktyp wird von verschiedenen CSS-Linkzuweisungen "schwächer" angesprochen, sodass dein eigener Code in der CSS-Kaskade einen höheren Rang erhält. Der andere Linktyp wird hingegen von "stärkeren" CSS-Zuweisungen angesprochen, die sich in der CSS-Kaskade gegenüber deinem Code "durchsetzen".
Wenn du dich mal in diese Materie einliest, wirst du das im Detail nachvollziehen können.

Nun kannst du deinem eigenen CSS-Code in der Kaskade einen wesentlich höheren Rang verschaffen, wenn du einen Wert mit !important versiehst. Beispiel:

Code:

color: #00FF00 !important;

besitzt einen höheren Stellenwert und setzt sich in der CSS-Kaskade gegenüber folgendem Wert durch:

Code:

color: #FF0000;

Da du merkst, dass sich beispielsweise die color-Eigenschaft deines Codes nicht bei jedem Linktyp im Forum gegenüber anderen CSS-Zuweisungen "durchsetzt", wäre die einfachste Lösung also, den Wert deiner color-Eigenschaft mit einem !important aufzuwerten.

Liebe Grüße
Günther

Ach, das war das. Ich hatte das ja schon öfter benutzt, auch wenn was nicht geklappt hat, aber jetzt bin ich da gerade überhaupt nicht drauf gekommen.

Vielen Dank für deine Hilfe. Ich werde mir den Link mal abspeichern und morgen ansehen.

Bitteschön und gute Nacht!
-closed-