Gruppen

Top Gruppen: Windows 7; Windows Vista; Windows XP; Textverarbeitung; Excel; DSL; Internet Browser; E-Mail/Outlook
Betriebsysteme: Windows classik; Linux; BS-Sonstige
Software: Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; SW-Sonstige
Hardware: Mainboard/CPU; Grafikkarten; Peripherie; Laptop/Notebook; HW-Sonstiges
Netzwerk: Telefon,ISDN,Modem; W-Lan; NW-Sonstiges
Programmierung: PHP,ASP,Perl...; Java,C++...; Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke; SN Intern; Test

/ Forum / Webseiten/HTML

Webseiten/HTML

Fragevon Strg_Alt_Entf vom 03.07.2020, 18:42 Options

Joomla: ImageSizer - Bildunterschrift (caption) Darstellungsfehler

Hallo,

ich verwende Joomla 1.5 und die Erweiterung ImageSizer. Funktioniert mitlerweile auch soweit ganz gut. Nur habe ich ein Problem mit den Bildunterschriften:

Sie werden erst ziemlich spät geladen, aber das eigentliche ist, dass

sie immer einen Zeilenumbruch (bei der Darstellung) verursachen.

Schaut euch einfach mal eine Testseite an: Problem anschauen. Die beiden Grafiken sollten eigentlich zentriert in der selben Zeile sein. Beim 1. Bild habe ich die Bildunterschrift mit Joomla aktiviert (CSS-Klasse: caption).
Nur leider befindet sich die 2. Grafik in einer neuen Zeile.

Habt ihr irgendeine Idee, wie ich das ändern kann?

Gruß

Antwort schreiben

Antwort 1 von katy vom 03.07.2020, 20:05 Options

Hallo reset,

bitte durchforste deine (leider recht zahlreichen, sonst würde ich das ja selbst machen) CSS-Dateien nach der Klasse caption und poste doch einfach mal, was da steht.

katy

Antwort 2 von Strg_Alt_Entf vom 03.07.2020, 20:16 Options

Ok, ich weiß aber nicht ganzgenau, welche die wichtiges Stelle ist:

#lbCaption, #lbNumber {
	margin-right: 71px;
}


#lbCaption {
	font-weight: bold;
}

#footer,.small,.createdate,.modifydate,.mosimage_caption{
font:0.9em Arial,Helvetica,sans-serif;
}


/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #666; }

div.img_caption       { padding: 0 10px 0 10px; }
div.img_caption img   { border: 1px solid #dedede; }
/* vermutlich ist das die WICHTIGE STELLE: */
div.img_caption p     { font-size: .90em; color: #666; text-align: center; }

Antwort 3 von katy vom 03.07.2020, 22:02 Options

gemeint ist caption (kleingeschrieben) oder img.caption, nix anderes.

katy

Antwort 4 von Strg_Alt_Entf vom 03.07.2020, 22:11 Options

Ich habe mir der Firefox-Erweiterung WebDevelpoer gesucht. Etwas anderes habe ich auf der Seite nicht gefunden. Oder muss ich auch die ganzen anderen Joomla-CSS-Dateien durchsuchen, die auf der Seite aber (vermutlich?) nicht verwendet werden?

Gruß

Antwort 5 von katy vom 04.07.2020, 07:04 Options

wenn es daran liegt, dass du dem Bild die Klasse caption gibst, dass es als Blockelement dargestellt wird, muss irgendwo diese Eigenschaft dieser Klasse gegeben worden sein. Wo in den vielen vielen CSS-Dateien deiner Seite dies passiert, weiß ich nicht, also musst du wohl alle durchsuchen.

Antwort 6 von Strg_Alt_Entf vom 04.07.2020, 15:36 Options

Also ich habe jetzt alle CSS-Dateien, die im Header der Seite aufgeführt sind durchsucht und nichts neues gefunden.

Das zeigt WebDeveloper zu den Klassennamen an:
-> Screenshot

Dazu in der Datei template.css folgendes:

div.img_caption       { padding: 0 10px 0 10px; }
div.img_caption img   { border: 1px solid #dedede; }
div.img_caption p     { font-size: .90em; color: #666; text-align: center; }

Aber dieses .caption finde ich einfach nicht. Ich glaube mittlerweile nicht mehr, dass es an einer CSS-Datei liegt. Warum? Bei meiner Homepage kann man verschiedene Templates und der Fehler tritt bei allen auf - es gibt aber keine templateübergreifende CSS-Datei, in der caption auftaucht.
Folgende Dateien werden von allen Templates genutzt:

http://www.jaibee.kilu.de//components/com_jcomments/tpl/default/sty...: kein caption

http://www.jaibee.kilu.de/plugins/content/redim_plg_imagesizer/css/...:

#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption {font-weight: bold;}

http://www.jaibee.kilu.de//media/system/js/mootools.js: kein caption

http://www.jaibee.kilu.de//media/system/js/caption.js:
hier gehts um caption, aber ich kann damit nichts anfangen

http://www.jaibee.kilu.de/plugins/content/redim_plg_imagesizer/js/s...
hier kommt ein paar mal caption vor, aber ich kann damit nichts anfangen

Bitte helft mir!

Vielen Dank und Grüße
Strg+Alt+Entf

Antwort 7 von katy vom 05.07.2020, 08:52 Options

die JavaScript-Datei deutet den richtigen Kurs an. Die ebnennt nämlich die Klassennamen um. Aus caption wird so img_caption. Ich hoffe diese neue Spur hilft dir weiter.
Ich durchschaue das Script zwar nicht komplett, da ich die dateien, auf die es sich bezieht, nicht kenne, vermute aber mal, dass es außerdem ein <p> einfügt.
Dies müsstes du ggf. "unschädlich" machen mittels

img_caption p {display:inline}

im CSS.
Aber wie gesagt, das ist eher eine Vermutung.

katy

Antwort 8 von Strg_Alt_Entf vom 05.07.2020, 13:42 Options

Ja, die JavaScript Datei scheint wirklich etwas zu beieinflussen.
Wenn ich folgende Zeile (Z. 35) auskommentiere gibt es keinen Zeilenumbruch, aber es wird auch keine Bildunterschrift angezeigt:

var text      = document.createElement("p");

Ich kenne mich mit JavaScript aber nicht aus ;-(

Bitte helft mir!
Gruß und vielen Dank!
Strg+Alt+Entf

Antwort 9 von katy vom 05.07.2020, 19:20 Options

ersetze doch mal testweise die Zeile
var text = document.createElement("p");
durch

var text = document.createElement("span");

also statt eines Absatz <p> ein span <span>, das ja keinen Zeilenumbruch erzeugt.

katy

Antwort 10 von Strg_Alt_Entf vom 05.07.2020, 23:43 Options

Danke, aber das ändert bis auf die Formatierung des Bildunterschrift nichts.
Was mir auch noch aufgefallen ist: wenn JavaScript nicht aktiviert ist, wird überhaupt keine Bildunterschrift angezeigt! Das ist ziemlich unpraktisch....

Gruß

Antwort 11 von katy vom 06.07.2020, 00:21 Options

Ich weiß ja nicht, woher du dein Template hast, aber stand das nícht dabei, dass aktiviertes JavaScript erforderlich ist?

Du könntest übrigens zusätzlich mal die Zeile

var container = document.createElement("div");

im Script umändern ebenfalls zum kreieren eines span:


var container = document.createElement("span");

in der Hoffnung dass dann noch ein Zeilenumbruch entfällt.

katy

Antwort 12 von Strg_Alt_Entf vom 06.07.2020, 11:57 Options

Ändert leider auch nichts. Grafik wird zwar zentriert, aber der Umbruch bleibt.

Gruß

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..