http://www.gethifi.com/blog/jcaption-a- … 4911fe7151

Damit geht's demzufolge:

a:hover div.caption p {text-decoration: underline;}

Gruss,

Thomas.

ich benutze jCaption fuer Bildunterschriften und fancybox, um Bilder vergroessert anzuzeigen. Wenn man beides zusammen einsetzt, sind Bild + Caption ein Link, der bei Klick den fancybox-Overlay startet. Soweit alles schoen.

Die Bildunterschriften (generiert aus den ALT-Tags der Bilder) uebernehmen dann auch diesen Teil der Formatierung aus meinem CSS:

a:link, a:visited {
    text-decoration: none;
    color: #FF7F00;
}

Sprich, sie erscheinen als Link orange. Prima. Leider ignorieren Sie in Firefox + IE 8 diesen Teil:

a:hover { text-decoration: underline }

Sprich, sie werden bei Hover nicht unterstrichen. Nur Safari 5 macht das richtig.

Auch mit konkreteren Anweisungen im CSS wird es nix: jCaption packt Bild + Caption in ein <div class="caption">. Waehrend diese Anweisungen

a img { border: 0 }
.caption a img { border: 0 } /* notwendig fuer IE 8 */

dafuer sorgen, dass der Rand um Bilder verschwindet, wenn sie mit fancybox verlinkt sind, ignorieren FF + IE 8 so etwas weiterhin standhaft:

.caption a:hover {text-decoration: underline;}

Ist nur eine kosmetische Sache, ich wuerde es gern haben, dass Links sich immer gleich verhalten. Hat jemand ne Idee, wie man das erreichen koennte?

Ach ja, Beispielseite:

http://geojena.billert.de/index.php?pag … ossilfunde

Danke + Gruss,

Thomas.