CSS Überschriften Link hat falsche Farbe

Furtano · 13. September 2012

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?

WebLobo · 13. September 2012

Die Links sind weiß

Beim Mouseover wird der Link blau und unterstrichen.
Ist das nicht gewünscht: text-decoration: none;

Furtano · 13. September 2012

Ich meine die Blogüberschrift (Time Tracking für Freiberufler)

Kausalat · 13. September 2012

.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.

Daaron · 13. September 2012

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.

Don_SyStEmS · 13. September 2012

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?

Daaron · 13. September 2012

Die Gewichtung der Selektoren entscheidet. Die Reihenfolge der Deklarationen spielt nur bei Gleichstand eine Rolle.

http://de.selfhtml.org/css/formate/kaskade.htm#spezifitaet

Furtano · 13. September 2012

Ok Danke, wieder eine Erfahrung reicher

Kausalat · 13. September 2012

Jetzt solltest du mal deinen HTML-Quelltext auf Vordermann bringen

.

Furtano · 13. September 2012

wie meinen? das ist von wordpress generiert!

Kausalat · 13. September 2012

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.

Daaron · 14. September 2012

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...

Kausalat · 14. September 2012

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.

Jesterfox · 14. September 2012

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.

Daaron · 14. September 2012

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.

Jesterfox · 14. September 2012

Ja, das sollte man auch noch mit reinschreiben, das ist richtig.

Suche

CSS Überschriften Link hat falsche Farbe

Furtano

Gast

WebLobo

Vice Admiral

Furtano

Gast

Kausalat

Gast

Daaron

Fleet Admiral

Don_SyStEmS

Cadet 3rd Year

Daaron

Fleet Admiral

Furtano

Gast

Kausalat

Gast

Furtano

Gast

Kausalat

Gast

Daaron

Fleet Admiral

Kausalat

Gast

Jesterfox

Legende

Daaron

Fleet Admiral

Jesterfox

Legende

Ähnliche Themen