ComputerBase
Aktuelles

CSS Überschriften Link hat falsche Farbe

F

Furtano

Gast
Hi,

der Überschriften Link mit dem blauen Hintergrund sollte eigentlich weiß sein.

Mit Firebug komm ich auch nicht weiter.

http://furtano.de/porte/wordpress/?p=161

PHP: 
h2 a:link {
	font-size: 22px;
	font-family: Arial;
	color: #FFFFFF;	
}

h2 a:visited {
	font-size: 22px;
	font-family: Arial;
	color: #FFFFFF;	
}

h2 a:active {
	font-size: 22px;
	font-family: Arial;
	color: #FFFFFF;	
}

h2 a:hover {
	font-size: 22px;
	font-family: Arial;
	color: #FFFFFF;
}

Sollte doch eigentlich greifen oder?
 
Die Links sind weiß ;)
link.jpg


Beim Mouseover wird der Link blau und unterstrichen.
Ist das nicht gewünscht: text-decoration: none;
 
.entry a:xxx hat eine höhere Rangfolge als h2 a:xxx. Daher wird der Überschriften-Link nicht weiß dargestellt.

Du müsstest .entry a:xxx zu a:xxx ändern.

Bitte fasse deine Selektoren und Eigenschaften zusammen, um nicht unnötig Traffic zu generieren. Aus a:link, :visited, :active [...] wird einfach ein "a"; aus border-left, border-right, [...] wird einfach border mit vier Werten hintereinander. Und so weiter.


Wie ich gerade sehe, verschachtelst du auf dem Rest deiner Website <a>- und <h2>-Tags inkorrekt.
 
Zuletzt bearbeitet:
Willkommen in der Welt der Gewichtungen.

.entry a:visited
hat einfach Vorrang vor
h2 a:visited

Statt h2 a:visited müsstest du eher .entry h2 a:visited machen... oder das !important - Statement verwenden. Das ist aber eher für den Notfall.
 
entry7qivd.png


Der Link ist innerhalb des h2-Tags welcher innerhab des div.entry-Tags ist.

Müsste nicht erst {h2 a} und danach erst {div.entry a} greifen und nicht andersrum?

Und wie entscheidend ist die Reihenfolge der CSS-Formatierungen innerhalb der css-Datei?
 
Nicht ganz, denn du hast bei den Überschriften die Reihenfolge der Elemente vertauscht ;).
Vorher: <h2><a></a></h2>
Jetzt: <a><h2></h2></a> — was invalide ist, da ein Blockelement (<h2>) nicht in einem Inline-Element (<a>) stehen darf.

Außerdem solltest du das O-Umlaut in "wird nicht veröffentlicht" gemäß der Sonderzeichentabelle umschreiben, damit das Ö auch im Browser dargestellt wird.

ouml11u34.png
 
Umlaute sind vollkommen legitim, man darf nur nicht vergessen, den Zeichensatz zu deklarieren. Wenn man natürlich nirgendwo im <head> mitteilt, dass das Dokument in UTF-8 zu lesen ist...
 
Den Browsern wird mutmaßlich über den HTTP-Header mitgeteilt, dass es sich um UTF-8 handelt. Leider scheint das keinen Browser sonderlich zu interessieren.
 
Das liegt wohl eher daran dass die Umlaute nicht in utf-8 sind... das ist der eigentlich Fehler der zu beheben ist. Sprich: der Quelltext ist falsch und sollte in utf-8 (ohne BOM) gespeichert werden. (falls dieser Inhalt aus der Wordpress Datenbank kommt liegt das Problem tiefer und wird schwieriger zu lösen...)

Die Umschreibungen für Sonderzeichen sollte man aber heutzutage wirklich nicht mehr verwenden sondern alles über Unicode abwickeln.
 
Nun, ein <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> bzw. <meta charset="utf-8"> gehört sich trotzdem in den Head. Dann haut einem der W3C-Validator das Dokument wenigstens nicht umgehend um die Ohren.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Ähnliche Themen

P
Erster RAM Stick hat falsche Farbe.
2
Antworten
24
Aufrufe
3.753
psycho_dmr
P
DiedMatrix
Xiaomi Mi 10T Lite pearl gray - falsche Farbe erhalten?
Antworten
2
Aufrufe
1.441
DiedMatrix
DiedMatrix
Z
zowie ec-1a - led auf einmal falsche farbe
Antworten
3
Aufrufe
1.016
TimL
T
PSY-BORG
Internet Explorer 11 - Google Suche - Falsche Farbe in den Suchergebnissen
Antworten
4
Aufrufe
1.113
PSY-BORG
PSY-BORG
sanik
Falsche Farbe bei Videos!
Antworten
5
Aufrufe
1.093
sanik
sanik
Zurück
Oben

Willkommen auf ComputerBase!

Mit Werbung weiterlesen

Besuche ComputerBase wie gewohnt mit Werbung und Tracking. Die Zustimmung ist jederzeit widerrufbar.

Details im Privacy Center und in der Liste unserer Partner. Ein Widerruf ist möglich in der Datenschutzerklärung.

… oder ComputerBase Pro bestellen

Nutze ComputerBase ohne Werbebanner, Video-Ads und Werbetracking schon für 4 €/Monat oder 36 €/Jahr.

Mehr zu ComputerBase Pro

Bereits Pro-Nutzer? Hier anmelden.

Tracking: Wir und unsere 177 Partner verarbeiten personenbezogene Daten, indem wir mit auf Ihrem Gerät gespeicherten Informationen (z. B. eindeutige Kennungen in Cookies) ein Nutzungsprofil erstellen, um z. B. Anzeigen zu personalisieren. Verarbeitungszwecke: Genaue Standortdaten und Abfrage von Geräteeigenschaften zur Identifikation, Informationen auf einem Gerät speichern und/oder abrufen, Personalisierte Anzeigen und Inhalte, Anzeigen- und Inhaltsmessungen, Erkenntnisse über Zielgruppen und Produktentwicklungen.

Impressum Kontakt Datenschutz