[hzirl]

Hi,
ich war schon öfter hier im Forum unterwegs, ohne angemeldet zu sein und habe auch meist Lösungen für meine Problemstellungen gefunden.

Heute muss ich allerdings posten, da ich nicht so genau weiß, wie ich es anstellen soll ...

Ich habe ein Template für Wordpress übernommen und angefangen, es für meine Bedürfnisse zu adaptieren. Dazu gehört auch eine eigene CSS-Datei.

Mein Problem ergibt sich daraus, dass der ursprüngliche Ersteller die Eigenschaften für Text-Links quasi im Root angegeben hat. Aufgrund der Vererbung erhalten natürlich alle Links diese Eigenschaften, auch die Links, die Bilder umschließen. Und da liegt für mich der Hase im Pfeffer ...

a {
color: #D97900;
text-decoration: underline;
}

a:hover {
text-decoration: none;
background-color: #D97900;
color: #FFFAF3;
}

Die Background-Color taucht nämlich wieder beim Überfahren von verlinkten Grafiken als Balken unterhalb des Bildes auf. Wie kann ich das abschalten?

Folgendes Stückchen Code funktioniert in Firefox und IE, aber nicht in Opera (.content ist ein übergeordnetes DIV-Element):

.content a:hover img {
background-color:#fff !important;
}

Ehrlicherweise habe ich keine Idee mehr, wie ich es angehen soll .. In einem anderen Skript habe ich es mit einer Klasse für die Grafiklinks gelöst, ich wollte dieses Mal aber den HTML-Code in Ruhe lassen ...

Liebe Grüße, hzirl

[fricca]

Zitat von hzirl

Die Background-Color taucht nämlich wieder beim Überfahren von verlinkten Grafiken als Balken unterhalb des Bildes auf. Wie kann ich das abschalten?

Möglicherweise, indem du diesen "Balken" entfernst.
DOCTYPE-Switch: Unerklärliche Lücken zwischen Elementen
Mangels Anschauungsmaterial ist das jedoch Spekulation.

Wenn du schon länger hier mitliest, hast du sicher auch schon gelesen, dass zum Nachvollziehen eines Problems mehr als nur ein paar CSS-Schnipsel nötig sind. Siehe auch: http://xhtmlforum.de/40080-fuer-frag...twortende.html

[hzirl]

Okay, hier ist der Link zur gesamten CSS-Datei:
http://www.hcz.at/wp-content/themes/bookish/style.css, das HTML der Startseite ist unter der normalen Adresse ohne wp-content usw. hinten dran einsehbar ...

Ich hoffe, das genügt den Anforderungen, ich wollte eigentlich nur vermeiden, den kompletten CSS-Code im Posting abzubilden.

Meinen Doctype habe ich mit XHTML 1.0 Transitional angegeben ...

Liebe Grüße, hzirl

[fricca]

Nicht zum Stylesheet linken. Zur Seite auf der das Problem zu sehen ist!
CSS ohne HTML ist völlig nutzlos.
Ist es die? Wo genau ist das Problem zu sehen? In welcher Opera-Version?

Hast du überprüft, ob ich mit meiner Vermutung richtig lag?

[hzirl]

Zitat von fricca

Ist es die? Wo genau ist das Problem zu sehen? In welcher Opera-Version?

Antwort auf Frage 1: ja
Antwort auf Frage 2: Beispielsweise beim Überfahren des abgebildeten Screenshots in dem obersten Posting auf der Seite
Antwort auf Frage 3: Ich verwende hier Opera 9.02 ...

Okay, die Formulierung "Balken" ist vielleicht etwas unglücklich gewählt, aber ich konnte definitiv feststellen, dass er verschwindet, wenn ich in meiner a:hover-Angabe die Zeile für "background-color" auskommentiere ...

[fricca]

Es waren 4 Fragen.
Ich hatte mit meiner Vermutung recht.

[hzirl]

Das war ja auch der Grund, warum ich die Angabe mit weißer Hintergrundfarbe gemacht habe (siehe erstes Posting), die Angabe von "background-color:none" wird leider vollständig ignoriert.

Damit sieht es ja auch in Firefox und IE ordentlich aus, nur Freund Opera scheint diese Angabe zu ignorieren ... Gibt es eine bessere Art, das zu schreiben als mit ".content a:hover img"?

Liebe Grüße, hzirl

[fricca]

Zitat von hzirl

Das war ja auch der Grund, warum ich die Angabe mit weißer Hintergrundfarbe gemacht habe (siehe erstes Posting), die Angabe von "background-color:none" wird leider vollständig ignoriert.

Was war der Grund wofür? Hast du den von mir geposteten Link gelesen?

Mit der Änderung der Hintergrundfarbe des Bildes änderst du an der Hintergrundfarbe des Links überhaupt nichts.

[hzirl]

Ich frage anders, okay?

Wie spreche ich einen Link in CSS an, der folgendermaßen in HTML auftaucht:
...<p>... <a href="link">..<img src="source" /></a>...</p>

Ich möchte dem a-Tag keine Klasse zuweisen. Die Bedingung muss also den Link ansprechen, wenn ein img-Tag verschachtelt folgt, sonst nicht.

Ist das irgendwie verständlich? Ich bin kein großer Meister im Erklären ... *seufz*

Liebe Grüße, hzirl

[fricca]

Es geht nicht.
Du brauchst es auch nicht. Die Lösung steht in dem ersten Link in meiner ersten Antwort!
Was genau hindert dich daran, diesen Artikel zu lesen?

Das *seufz* liegt ganz bei mir.