Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.
Seiten: 1
#1 20. Januar 2011 10:00
- tbillert
- kennt CMS/ms
- Ort: Jena
- Registriert: 27. Dezember 2010
- Beiträge: 105
- Webseite
[gelöst] jCaption + Links - CSS-Frage
Hallo zusammen,
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.
Beitrag geändert von tbillert (20. Januar 2011 10:50)
Offline
#2 20. Januar 2011 10:51
- tbillert
- kennt CMS/ms
- Ort: Jena
- Registriert: 27. Dezember 2010
- Beiträge: 105
- Webseite
Re: [gelöst] jCaption + Links - CSS-Frage
Ah, gelöst. Dieses Posting hier gab den Anstoss:
http://www.gethifi.com/blog/jcaption-a- … 4911fe7151
Damit geht's demzufolge:
a:hover div.caption p {text-decoration: underline;}
Gruss,
Thomas.
Offline
Seiten: 1