CSS Eigenschaften für Links auf Seiten werden nicht übernommen

[dn3d_fanboy]

Servus,
ich mal wieder. Und zwar scheint WordPress meine CSS-Eigentschaften für Links auf den Seiten nicht übernehmen zu wollen.

Hier der Link:

Dort habe ich einen Test-Link eingefügt, der eigentlich per CSS viel heller sein sollte und beim hovern dunkel wird. Stattdessen übernimmt WordPress Eigenschaften der Links der Sidebar und da auch nur beim Anklicken des Links.

Hat irgendwer eine Idee, was ich da falsch gemacht habe? CSS-mäßig müsste alles stimmen, alles andere wird brav übernommen. Das Problem passiert auch im Footer.

Ich danke euch schonmal im Voraus.

 

[schnullerbacke]

AW: CSS Eigenschaften für Links auf Seiten werden nicht übernommen

Wenn ich mir das im Firebug anschaue, werden mir die beiden Anweisungen leer angezeigt.

#page-text a
#page-text a:hover, a:visited, a:focus, a:active


Das styles.css im Web-Developer zeigt mir die Anweisungen ebenfalls leer.


Das sich der Link beim Anklicken verändert kommt aus der Zeile 131 im styles.css.
Da hast du die Zustände "visited, focus, active" für ALLE a definiert, nicht nur für die in der Navi.

 

[cebito]

AW: CSS Eigenschaften für Links auf Seiten werden nicht übernommen

Stattdessen übernimmt WordPress Eigenschaften der Links der Sidebar und da auch nur beim Anklicken des Links.

Weil

#navi a:hover, a:visited, a:focus, a:active

bedeuted das die nachfolgenden styles für den :hover der Links in #navi gelten, sonst für die visited-, focus- und active-Zustände von ALLEN Links.
Wenn du das spezifizieren willst für die Navi dann so:

#navi a:visited, #navi a:hover, #navi a:focus, #navi a:active

... bitte auch in der Reihenfolge. Für einfache Links musst natürlich überhaupt erstmal Styleregeln festlegen

 

[dn3d_fanboy]

AW: CSS Eigenschaften für Links auf Seiten werden nicht übernommen

Danke, ich hatte a) gar nicht gemerkt, dass ich das richtige Stylesheet noch gar nicht hochgeladen hatte.
Und b) wusste ich überhaupt nicht, dass bei meinen Ausführungen die Eigenschften für alle a-Elemente gelten. Macht aber Sinn im Nachhinein...

... bitte auch in der Reihenfolge. Für einfache Links musst natürlich überhaupt erstmal Styleregeln festlegen

Kannst du mir bitte erklären, warum diese Reihenfolge eingehaöten werden muss, cebito?
Es scheint alles zu funktionieren.

Aber vielen Dank für eure Hilfe.

 

[dn3d_fanboy]

AW: CSS Eigenschaften für Links auf Seiten werden nicht übernommen

Noch eine Kleinigkeit:

Ich habe jetzt alles geändert und auch versucht den Footer aufzupeppen. Leider funktioniert da mal überhaupt nichts. Hat vielleicht jemand da für mich einen Wink mit dem Zaunpfahl übrig ;-)

Ich hab keinen Plan, wo es diesmal hängt.

 

[schnullerbacke]

AW: CSS Eigenschaften für Links auf Seiten werden nicht übernommen

Im Footer sollen zwei verlinkte Grafiken stehen? Seh ich das richtig?

Die Bilder werden beide nicht gefunden:

• images/dqs.jpg
• images/ring-der-arbeitsvermittler.jpg

gibt's nicht.

Stimmt der Pfad? Sollte es vlt. heißen?

• ../images/dqs.jpg
• ../images/ring-der-arbeitsvermittler.jpg

 

[dn3d_fanboy]

AW: CSS Eigenschaften für Links auf Seiten werden nicht übernommen

Also die Dateien sind da, wo sie sein sollen. Vom Hauptordner des Themes aus gesehen im Ordner /images.

Deshalb bin ich ja so verwundert.

 

[schnullerbacke]

AW: CSS Eigenschaften für Links auf Seiten werden nicht übernommen

Ich bin deswegen auf die ../ gekommen, weil die anderen Bilder der Seite (das Logo oben links und die verblasste Grafik unter dem Haupttext) bei der Pfadangabe auch die Punkte haben. Also erst mal eine Ebene hoch.

Ich hab mal nachgeschaut, die beiden Bilder:
ring-der-arbeitsvermittler.jpg
dqs.jpg
sind im selben Ordner wie z.B. "post-bg-logo-verband.jpg". Und da lautet der Pfad: "../images/post-bg-logo-verband.jpg".

Also Pfad anpassen und das Problem sollte erledigt sein.

 

[dn3d_fanboy]

AW: CSS Eigenschaften für Links auf Seiten werden nicht übernommen

Und da ist noch etwas.
Ich habe jetzt für meine Kontakt-Seite ein eigenes Page-Template erstellt. Neben der DIV-Box, die das Formular beinhaltet, sollte noch eine DIV-Box erscheinen. Stattdessen wird nur unterhalb der ersten Box der Text aus der zweiten Box ausgegeben, nicht aber das Hintergrundbild.

 

[dn3d_fanboy]

AW: CSS Eigenschaften für Links auf Seiten werden nicht übernommen

Ich bin deswegen auf die ../ gekommen, weil die anderen Bilder der Seite (das Logo oben links und die verblasste Grafik unter dem Haupttext) bei der Pfadangabe auch die Punkte haben. Also erst mal eine Ebene hoch.

Ich hab mal nachgeschaut, die beiden Bilder:
ring-der-arbeitsvermittler.jpg
dqs.jpg
sind im selben Ordner wie z.B. "post-bg-logo-verband.jpg". Und da lautet der Pfad: "../images/post-bg-logo-verband.jpg".

Also Pfad anpassen und das Problem sollte erledigt sein.

Ja schon, aber da greife ich ja auch von der CSS-Datei aus darauf zu, die sich ebenfalls in einem Unterordner befindet.
Die beiden Logos jedoch, versuche ich direkt im HTML zu verlinken.

 

[schnullerbacke]

AW: CSS Eigenschaften für Links auf Seiten werden nicht übernommen

Das liegt im Moment hinter dem Kontaktformular.
Erhöhe mal das linke margin für das phone-contact. Steht im Moment bei 30, nimm mal 330 oder so.

 

[schnullerbacke]

AW: CSS Eigenschaften für Links auf Seiten werden nicht übernommen

Ja schon, aber da greife ich ja auch von der CSS-Datei aus darauf zu, die sich ebenfalls in einem Unterordner befindet.
Die beiden Logos jedoch, versuche ich direkt im HTML zu verlinken.

Aaah, alles klar.
Dann stimmt der Pfad erst Recht nicht.
Da muss dann noch der pfad zum theme davor.
Keine Ahnung, wie der lautet: wp-content/themes/blabla-irgendwas/images/

Dafür gibt es auch einen php Befehl.
<img src="<?php bloginfo('template_directory'); ?>/images/ring-der-arbeitsvermittler.jpg" />

In wordpress kenne ich mich aber nicht so wirklich aus, habs gegoogelt. Teste einfach mal.

 

[dn3d_fanboy]

AW: CSS Eigenschaften für Links auf Seiten werden nicht übernommen

Aaah, alles klar.
Dann stimmt der Pfad erst Recht nicht.
Da muss dann noch der pfad zum theme davor.
Keine Ahnung, wie der lautet: wp-content/themes/blabla-irgendwas/images/

Dafür gibt es auch einen php Befehl.
<img src="<?php bloginfo('template_directory'); ?>/images/ring-der-arbeitsvermittler.jpg" />

In wordpress kenne ich mich aber nicht so wirklich aus, habs gegoogelt. Teste einfach mal.

Du hast Recht, das habe ich völlig übersehen.

Danka für all eure Hilfe.