Ausblenden von Bildern bei Einsatz des Overlay-Schutzes

[k0m4]

N'Abend,

hab mal wieder ein kleines Problem: Wenn ich die Bilder im Album mit dem Overlay-Schutz versehe (durch das Einfügen des Codes in die theme.php und Hinzufügen des Files overlay.gif in das images-Verzeichnis), funktioniert dieser Schutzmechanismus zwar einwandfrei, jedoch wird bei einigen Themes in der mittelgroßen Ansicht das Bild ganz oder teilweise ausgeblendet, sobald der Mauszeiger darauf steht (beim Theme 'Fruity').

Dies wiederum hängt vom Browser ab. Bei Firefox2.0.0.3 wird ein Teil im unteren Bereich des Bildes grau dargestellt, beim IE7 wird das ganze Bild grau. Beim Klick darauf erscheint ganz normal die Vollbildansicht und dort ist wieder alles in Ordnung (gilt für beide Browser).

Benutze ich jedoch das Avalanche-Theme von DaMysterious, bleibt dieser Fehler ganz aus. Dort funktioniert alles ganz normal.

Hat von Euch jemand eine schnelle Lösung für dieses Problem oder ist das vielleicht sogar bekannt? Mit der Suche konnte ich nichts in dieser Richtung finden.

Vielen Dank vorab und Grüße vom Rhein! 

[Joachim Müller]

Poste mal einen Link zu Deiner Galerie...

[k0m4]

http://album.planet-kristen.com

name: supporter
pw: help

Hatte den Overlay jetzt erstmal rausgenommen, werde ihn aber dann gleich wieder aktivieren.

Der Effekt tritt bei den Themes Fruity und krizzi_custom_leftmenu, welches aber auch ein gemoddestes Fruity ist. Beim Avalanche ist das nicht der Fall.

THX a lot!

[Joachim Müller]

Ich spekuliere mal: die Pseudoklasse :hover macht Probleme.

[k0m4]

Das hilft mir jetzt leider auch nicht wirklich. Ich weiss zwar, was ein hover ist - hab aber 0 Ahnung von php und Pseudoklassen.

Was könnte ich konkret dagegen unternehmen (ausser -mal wieder- das Theme zu wechseln)?

[Joachim Müller]

hab aber 0 Ahnung von php und Pseudoklassen.

Das hat nix mit PHP zu tun - ist ganz ordinäres CSS. Nicht gleich den Kopf in den Sand stecken und sich in die ich-hab-keine-Ahnung-von-PHP Ecke verziehen; so kompliziert ist das gar nicht.

Was könnte ich konkret dagegen unternehmen

Bearbeite http://album.planet-kristen.com/themes/krizzi_custom_leftmenu/style.css, suche

Code Select Expand

a:hover {
        color: #FFFFFF;
        text-decoration: none;
        background-color: #c0c0c0;
}und ersetze durch

Code Select Expand

a:hover {
        color: #FFFFFF;
        text-decoration: none;
}

Ich hatte gehofft, mit meiner vagen Aussage

Ich spekuliere mal: die Pseudoklasse :hover macht Probleme.

Deine Abenteuerlust ein bisschen zu wecken - ich veranstalte diese ganze Supporterei nämlich nicht bloß zum Selbstzweck, sondern in der Hoffnung, dass ich Benutzern Hilfe zur Selbsthilfe geben kann. Deshalb bin ich immer ein bisschen zickig, wenn Benutzer eine narrensichere Anleitung nach dem Schema "x durch y ersetzen" verlangen: ich möchte schon sehen, dass der Benutzer sich erstmal selbst um eine Lösung bemüht hat. In Sachen HTML und CSS ist die Bibel bekanntlich selfHTML - in Deinem konkreten Fall http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active
Einfach herauszufinden durch Einsatz der Web Developer Toolbar

[k0m4]

Also erstmal vielen Dank für Deine Geduld mit mir. 

Mit HTML geht's ja schon so halbwegs und einigermassen - bloss bei CSS (und den Zusammenhängen von beidem) fehlt mir noch einiges an Basiswissen. Werde mich aber bemühen, mir das anzueignen. Find ich ja im Prinzip ne gute Sache, nicht direkt ne Fertiglösung zu bieten - und zickig iss auch anders. 

Ich hätte in diesem Fall allerdings erst mal gar nicht gewusst, wo ich ansetzen muss (ausser vielleicht "irgendwo bei SelfHTML").

Dann werd ich mich mal dransetzen (und wohl erstmal die WebDeveloper Toolbar installieren)!

Nochmal THX für den Support
Sascha

[Joachim Müller]

Löst mein Vorschlag Dein ursprüngliches Problem mit dem grauen Schatten auf dem Overlay?

[k0m4]

Ja, Problem ist gelöst. Wollte nur keinen Doppelpost hinlegen und hab auf Anhieb keinen Edit-Button hier im Forum gefunden! 

Nachdem Du mich drauf gebracht hast, erscheint das auch mir völlig logisch. Irgendwo klar, dass es ein hover-Effekt ist und auch, welche Farbe es betrifft. Das hätte mir spätestens dann auffallen müssen, als ich's mit den original Fruity-Farben auch gesehen hatte.

Aber nachher ist man natürlich immer schlauer. Werde mich bemühen, beim nächsten Mal erst zu denken, dann zu fragen! 

WebDeveloper Toolbar ist auch installiert. Werde mich wohl in nächster Zeit etwas mehr mit CSS beschäftigen. Bin ja doch 'blutiger Anfänger'.

Lange Rede, kurzer Sinn: Danke - und Du kannst den Thread als solved schliessen!

[Joachim Müller]

hab auf Anhieb keinen Edit-Button hier im Forum gefunden!

Den gibt es nicht, weil wir ihn wegen Mißbrauch abgeschaltet haben. Einfach auf Deinen Beitrag antworten mit "das löst meine Frage". Das wäre dann kein Doppel-Posting. Ein Doppel-Posting wäre, wenn Du mit der gleichen Frage einen neuen Beitrag gestartet hättest.