Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.

#1 07. April 2011 12:10

Hmelk
probiert CMS/ms aus
Registriert: 07. April 2011
Beiträge: 84

Image Captions, kann Bilder nicht ausrichten.

Hallo.

Habe Image captions eingerichtet, funktioniert auch soweit.
Allerdings werden die Bilder immer links ausgerichtet.
Im TinyMCE sind sie mittig oder rechts, auf der Homepage aber links.
Und wenn ich in den Bildeigenschaften angebe, dass das Bild zentriert oder rechts sein soll, dann ist das Bild, wie schon geschrieben links, und der Hintergrund vom image caption leicht versetzt, so dass man ihn neben dem Bild sehen kann.

Hat da wer eine Idee, was ich da machen kann?

Gruß

Hmelk

Offline

#2 07. April 2011 15:29

nockenfell
Moderator
Ort: Lenzburg, Schweiz
Registriert: 09. November 2010
Beiträge: 2.930
Webseite

Re: Image Captions, kann Bilder nicht ausrichten.

In ImageCaptions werden die Bilder über die CSS Klasse des Bildes ausgerichtet:

caption
leftcaption
rightcaption

In den TinyMCE Einstellungen kannst du unter CSS-Stile folgendes Eintragen:

Bildunterschrift=caption; Bildunterschrift (rechts)=rightcaption; Bildunterschrift (links)=leftcaption;

Damit kannst du dem Bild die entsprechende Klasse für die Ausrichtung angeben.


[dieser Beitrag wurde mit 100% recycled bits geschrieben]
Mein Blog  /   Diverse Links rund um CMS Made Simple
Module: btAdminer, ToolBox

Offline

#3 07. April 2011 18:26

Hmelk
probiert CMS/ms aus
Registriert: 07. April 2011
Beiträge: 84

Re: Image Captions, kann Bilder nicht ausrichten.

Hallo.

So geht es. Danke.
Dann lege ich nur darüber die Postion fest?
Im TinyMCE ist das ja nicht zu sehen. Und kann man die Beschriftung noch zentrieren? Die ist ja rechts, wenn das Bild rechts ist.

Gruß

Hmelk

Offline

#4 07. April 2011 19:17

nockenfell
Moderator
Ort: Lenzburg, Schweiz
Registriert: 09. November 2010
Beiträge: 2.930
Webseite

Re: Image Captions, kann Bilder nicht ausrichten.

Du kannst in den Einstellungen des TinyMCE im Reiter "Weitere Optionen" zu unterst im Feld "Stylesheet ergänzen" folgendes Eintragen:

.rightcaption {
float: right;
}

.leftcaption {
float: left;
}

Damit werden die Bilder entsprechend im Text ausgerichtet. Einzig den Rahmen musst du dir denken, da dieser erst beim Laden der Seite per JavaScript erstellt wird.


[dieser Beitrag wurde mit 100% recycled bits geschrieben]
Mein Blog  /   Diverse Links rund um CMS Made Simple
Module: btAdminer, ToolBox

Offline