Lightbox CSS Problem

**Rune** · 14.07.2009, 13:30

Hallo liebe Typolight-Gemeinde!

Ich bin nicht nur neu hier im Forum sondern auch im Umgang mit Typolight. Bitte helft mir!

Folgendes Problem:
Meinen Links im Content-Bereich folgt eine kleine Hintergrundgrafik um sie als Link zu kennzeichnen. Entsprechend wurde das <a>-Tag in CSS formatiert.

Code:

#content a[href] {
	color: #191961;
	margin-right: 2px;
	padding-right: 11px;
	background: url(viertel-10.gif) no-repeat right top;}

Diese Grafik soll lediglich bei Textlinks erscheinen, verlinkte Bilder bekommen folglich die Klasse "plain" zugewiesen, hier gibt's keine zusätzl. Grafik.

Code:

#content a.plain[href] {
	margin-right: 0px;
	padding-right: 0px;
	background: none;}

Wenn ich nun in einem Text ein Lightbox-Bild einfüge, so wird das Bild ja automatisch mit einem Link auf die Lightbox versehen und ich kann dem <a>-Tag nicht die Klasse "plain" zuweisen. Die Klasse, die ich in tinyMCE angebe landet grundsätzlich im <img>-Tag. Wie kann ich das ändern?

HTML-Code:

<a rel="lightbox" href="tl_files/Bilder/bwprojekt2.jpg">
     <img class="plain" alt="" src="system/html/bwprojekt2-f7ce6375.jpg"/>
</a>

**Toflar** · 14.07.2009, 13:39

Du könntest die image.tpl's anpassen und dort die Klasse .plain mitgeben

**simplex3** · 14.07.2009, 13:55

Oder du machst es genau umgekehrt und gibst deinen Textlinks eine Klasse mit entspr. Hintergrundbild mit und Links ohne halt.. äh.. ohne :-)

**Rune** · 14.07.2009, 13:58

Die Idee hatte ich auch schon nur irgendwie funzt das nicht. Habe folgende tpl-Dateien angepasst - ohne Wirkung:

ce_text_image_link.tpl
ce_text_image_fullsize.tpl
ce_image_link.tpl
ce_image_fullsize.tpl

Ich kann die sogar löschen und nix passiert. Was mach ich nur falsch?

**Toflar** · 14.07.2009, 14:04

Wie löschen? Hä? Wo bearbeitest du sie?

Entweder im BE beim entsprechenden Menüpunkt "Templates" oder dann halt manuell vom Modul holen und in den Ordner Root/templates hochladen...