[gelöst] CSS/Theme "a:visited" übersteuert andere Bereiche (obwohl nur für ein Feld definiert) ???
Eingetragen von Ionit (1802)am 14.01.2010 - 11:21 Uhr in
Hallo Freunde,
ich sitze hier seit gestern an einem Problem und ich bekomme es nicht gelöst!
Ich möchte versuchen - dieses Problem zu erklären!
Alle Links der Page werden "global" mit
a:link {text-decoration:none; color: #FFFFFF; font-size: 12px; line-height: 18px; }
a:visited { text-decoration:none; color: #FFFFFF; font-size: 12px; line-height: 18px; }
a:hover,a:focus {text-decoration: underline; }Das funktioniert auch - sprich die Primary-Links/Sidebar-Links etc. werden richtig angezeigt!
Mit CCK habe ich nun einen Inhaltstyp definiert - dieser Inhaltstyp umfasst 5 "Felder" und wird per Node bzw. Views zusammengefasst und angezeigt! Unter anderem gibt es das Feld [field-field-url]
Im Quelltext wird dieses Feld über
<div class="field field-type-link field-field-url">
<div class="field-label">URL: </div>
<div class="field-items">
<div class="field-item odd">
<a href="http://www.domain.de" target="_blank">Webseite</a> </div>
</div></div></div>angesprochen!
Ich möchte jetzt die globalen "Linkeinstellungen" übersteuern und NUR diesem "field-field-url" eine andere Schriftgröße + Schriftfarbe zuweisen!
Das versuche ich mit!
.field-field-url .field-item { font-size: 11px; line-height: 13px; padding-top: 15px; }
.field-field-url a:link, a:visited { color: #f19fbf; font-weight: bold; text-decoration: none; margin-left: 10px; }Das Problem dabei ist allerdings, dass das "a:visited" jetzt auch für die Links in der Navigation/Primary-Links auf der linken Seite gilt und nicht nur für "field-field-url" im Node! Sprich - ich klicke in der Sitebar auf einen Link (a:visited) und schon übernimmt dieser "Visited-Link" die "bold, und margin-left:10px-Informationen" von "field-field-url" obwohl dies überhaupt nicht angegeben wurde - weiterhin übernimmt "field-field-url" die Farbinformation der globalen Linkeinstellungen - der "field-field-url"-Link wird also nicht in #f19fbf angezeigt sondern in #FFFFFF
Der CSS-Aufruf für die Sidebar lautet wie folgt!
<div id="sidebar-left"><div id="sidebar-left-inner" class="region region-left">
<div id="block-menu-primary-links" class="block block-menu region-odd odd region-count-1 count-1"><div class="block-inner">
<div class="content">
<ul class="menu"><li class="leaf first"><a href="http://www.domain.de/1.html" title="">Menüpunkt1</a></li>
<li class="leaf"><a href="http://www.domain.de/2.html" title="">Menüpunkt2</a></li>
<li class="leaf"><a href="http://www.domain.de/3.html" title="">Menüpunkt3</a></li>
<li class="leaf"><a href="http://www.domain.de/4.html" title="">Menüpunkt4</a></li>
</ul></div></div></div>Wenn ich .field-field-url a:link, a:visited { color: #f19fbf; font-weight: bold; text-decoration: none; margin-left: 10px; } auskommentiere/deaktiviere, verschwindet dieses Phänomen!
Ich habe schon so viel ausprobiert aber leider habe ich keinen Plan was ich da falsch mache und bin langsam am verzweifeln - kann mir bitte jemand von Euch sagen wo da der Fehler liegt?
Vielen Dank schonmal
Matthias
- Anmelden oder Registrieren um Kommentare zu schreiben
CSS
am 14.01.2010 - 11:24 Uhr
field-field-url .field-item { ... }Fehlender "." zu Beginn der Anweisung.
.field-field-url a:link, a:visited { ... }Selektor "a:visited" greift bei allen Links. Spezialisierung mit
.field-field-url a:visited { ... }.CSS Grundlagen -> Selektoren
hth,
Stefan
--
Sei nett zu Deinem Themer!
Hallo Stefan, danke für die
am 14.01.2010 - 11:38 Uhr
Hallo Stefan,
danke für die Antwort! Der Punkt "." ist vorhanden - ich hatte ihn nur beim rüberkopieren vergessen! Hab ihn eingetragen!
Ich habe die Anweisung aufgesplittet - das hatte ich natürlich auch schon probiert!
.field-field-url a:link { color: #f19fbf; font-weight: bold; text-decoration: none; margin-left: 10px; }.field-field-url a:visited { color: #f19fbf; font-weight: bold; text-decoration: none; margin-left: 10px; }
Das Problem besteht weiterhin - auch die Links in der Sidebar übernehmen weiterhin die "a:visited-Information" von "field-field-url"! Aber nur "font-weight: bold;" + "margin-left: 10px;" - die Farbinformation nicht!
Ich verstehe es nicht mehr - hättest Du vielleicht noch einen Tip?
Gruß Matthias
So sieht das übrigens aus
Firebug
am 14.01.2010 - 11:42 Uhr
hättest Du vielleicht noch einen Tip?
Verwende Firebug um herauszufinden, woher die Anweisungen kommen.
Oder (zusätzlich zu Erstgenanntem) gib mal einen Link, wo man sich das anschauen kann.
Stefan
--
Sei nett zu Deinem Themer!
Hallo Stefan, jetzt
am 14.01.2010 - 11:59 Uhr
Hallo Stefan,
jetzt funktioniert es ....
Ich hatte leider den "ungetrennten" Code-Schnipsel
.field-field-url a:link, a:visited { color: #f19fbf; font-weight: bold; text-decoration: none; margin-left: 10px; }noch 6 Zeilen weiter unten stehen und im Auskommentierbefehl einen Fehler drin sodass die Anweisung immer noch ausgeführt wurde!Nun ist alles in Ordnung!
Sorry für meine Dussligkeit und vielen Dank für Hilfe!
Ich glaube ich sollte bzgl. Drupal + CSS mal einen Tag Pause machen da ich den Wald vor lauter Bäumen nicht mehr sehe!
Gruß Matthias