Neuigkeiten:

moziloCMS verwendet Cookies. Wenn Sie auf unserer Seite weitersurfen, stimmen Sie der Cookie-Nutzung zu Datenschutzerklärung
moziloCMS Layouts
moziloCMS Plugins

Hauptmenü

Bildunterschrift für bildrechts/links will nicht

Begonnen von da_user, 21. April 2016, 20:24:56

« vorheriges - nächstes »

da_user

Hi,
in der Mozilo-Doku steht:
ZitatFür alle Bild-Syntax-Elemente gilt:
Wird hinter den Befehlsnamen ein = Zeichen gesetzt, und danach Text eingegeben, so wird dieser als Bildunterschrift angezeigt.

Das habe ich jetzt ausprobiert:
[bildlinks=Bildunterschrift|@=Startseite:Bild.jpg=@]

Mir wird die "Bildunterschrift" aber als ganz normaler Text angezeigt. Was läuft den hier schief?

VG
da_user

da_user

#1
Habe jetzt ein bisschen rumgetestet, mit dem Standardlayout gehts, mit meinem nicht. Ich verwende eine angepasste Version des Simpel Responsive: http://www.mozilo.de/forum/index.php?action=media;sa=item;in=235
Es funktioniert sowohl in meiner Version von Simpel Responsive wie auch in der Originalen nicht. Ich habe jetzt festgestellt, dass im Simpel Responsive  in der style.css folgende Zeilen fehlen:
  /* Untertitle für [bild|...] [bildlinks|...] [bildrechts|...] */
span.imagesubtitle {
    text-align : center;
    font-size  : .6em;
    display    : block;
    width      : 100%;
}

Diese Zeilen habe ich eingefügt, der Untertitel wird aber immer noch nicht korrekt angzeigt, sondern "ganz normal" im Fließtext.

Wäre schon, wenn mir jemand noch nen Tipp geben könnte ;-)

Thorstn

Hast Du eine URL zu der Sache? Könnte hilfreich sein  ;)
www.mad-it.de - Wir lösen keine Probleme. Wir machen sie.
Webdesign aus Bochum

da_user

#3
Hi,

habe gerade beim zusammenklicken gemerkt, dass sich jetzt etwas geändert hat. Die Bildunterschrift wird jetzt immerhin in der richtigen Schriftgröße und separiert zum Text angzeigt, aber nicht unter dem Bild.

Link zur Page TestPage:

http://www.da-user.de/Test/Beispielseite.html

Das hier steht auszugsweise im Editor:
[ueber1|Beispielseite für Bilduntertitel]

[block|[bild=Text zum Bild|@=Über den MX-5:Mazda-Mx-5-NANB_1.jpg=@]Weit hinten, hinter den Wortbergen, [...]

[bildlinks=Text zum Bild|@=Über den MX-5:Mazda-Mx-5-NANB_2.jpg=@]Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den [...]

[bildrechts=Text zum Bild|@=Über den MX-5:Mazda-Mx-5-NANB_1.jpg=@]Der große Oxmox[...] ]

Thorstn

Ich glaube, in der CSS Deines Layouts fehlen noch ein paar Angaben...

Nimm bitte mal die style.css Deines Layouts und packe GANZ UNTEN folgende Codes ein:

.contentimage {
  display:inline-block;
  max-width:100%;
}

span.leftcontentimage {
  float:left;
  max-width:250px;
  margin:0 15px 15px 0;
}

span.rightcontentimage {
  float:right;
  max-width:250px;
  margin:0 0 15px 15px;
}


Wobei Du die Angaben vielleicht etwas an Deine Bedürfnisse (z.B. die max-width für links und rechts Bilder) anpassen solltest/könntest.

Probiere das mal aus.

Gruß,
Thorsten
www.mad-it.de - Wir lösen keine Probleme. Wir machen sie.
Webdesign aus Bochum

da_user

Das hat jetzt funktioniert.

Der Teil der CSS die sich mit dem Contentbildern beschäftigt, sieht jetzt komplett bei mir so aus:

/* [bild|...] */
img {border : none;}

/* [bildlinks|...] */
img.leftcontentimage
  {margin      : 8px 8px 8px 0;
border      : none;
max-width   : 200px;
float       : left;
  }

/* [bildrechts|...] */
img.rightcontentimage
  {margin    : 8px 0 8px 8px;
border    : none;
max-width : 200px;
float     : right;
  }
 
  /* Untertitle für [bild|...] [bildlinks|...] [bildrechts|...] */
span.imagesubtitle {
    text-align : center;
    font-size  : .6em;
    display    : block;
    width      : 100%;
}

.contentimage {
  display:inline-block;
  max-width:100%;
}

span.leftcontentimage {
  float:left;
  max-width:250px;
  margin:0 15px 15px 0;
}

span.rightcontentimage {
  float:right;
  max-width:250px;
  margin:0 0 15px 15px;
}


Da ist doch jetzt einiges Doppelt gemoppelt und mit viel Potential, das einfacher zu gestalten?