moziloCMS Supportforum

moziloCMS => Hier klemmt es! => Thema gestartet von: Broac am 20. Januar 2012, 10:51:45

Titel: Bilduntertitel
Beitrag von: Broac am 20. Januar 2012, 10:51:45
Hi,

ich habe mit der aktuellen mozilo-Version das Problem, dass ich die Bilduntertitel ums Verrecken nicht mittig unter dem Bild platzieren kann.

Ich kann so ziemlich alles verändern, nur nicht das Attribut "text-align".

Wenn ich "span.imagesubtitle" und "span.contentimage" Rahmen verpasse (s. Bild), kann man sehen, dass "imagesubtitle" sich nicht an der Bildbreite ausrichtet, sondern nur am Textinhalt selbst und somit weder mittig noch rechtsbündig (ausgerichtet am Bild) ausgerichtet werden kann (denke ich zumindest  :) ).

Ist das so gewollt? Bzw. kann man dem abhelfen?

Vielleicht sehe ich aber auch vor lauter Bäumen den Wald nicht mehr.  ;)

VG,
Michael

(http://www.dbbj-saar.de/tmp/test.jpg)
Titel: Re: Bilduntertitel
Beitrag von: Rainer am 21. Januar 2012, 12:50:38
Servus Broac,

wenn es um Galleriebilder geht, gib mal in deiner css folgendes einzugeben
.gallerytd {
text-align: center;
}

Grüße
Rainer
Titel: Re: Bilduntertitel
Beitrag von: Broac am 23. Januar 2012, 09:34:35
Hallo Rainer,

ich meinte die ganz normalen Bilder. Also weder über SlimBox-Plugin, noch als Galerie.

Habe mir jetzt aber eine eigene Syntax für LyteBox gebastelt und das Bild nebst Untertitel in Tabellen gesetzt.

Das Bild in Zeile 1, {Description}, also den "Bilduntertitel" in Zeile 2.

Ist vielleicht nicht die modernste Form, aber es funktioniert :)

Grüße,
Michael
Titel: Re: Bilduntertitel
Beitrag von: Thorstn am 24. Januar 2012, 09:50:33
Geht doch ;)

Ich glaube, anders als mit der Tabelle wird es auch kaum funktionieren, da das CSS für den .img subtitle ja nicht "weiß", wie breit das jeweilige Bild ist. Vielleicht würde es klappen, wenn man dem Ganzen eine feste Breite gibt.
Ist aber wohl auch nicht komfortabel ;)

Gruß,
Thorsten
Titel: Re: Bilduntertitel
Beitrag von: Proximus am 28. Februar 2012, 20:12:59
Also es gäbe auch eine saubere (naja, fast) CSS Lösung.


1. Schritt
span.contentimage --> auf display: inline-block; setzen

2. Schritt:
span.imagesubtitle
width: 100%; display: block; text-align: center;

Damit funktioniert es.
Titel: Re: Bilduntertitel
Beitrag von: Sleepwalker am 13. Juli 2012, 23:39:34
Zitat von: "Proximus"Also es gäbe auch eine saubere (naja, fast) CSS Lösung.


1. Schritt
span.contentimage --> auf display: inline-block; setzen

2. Schritt:
span.imagesubtitle
width: 100%; display: block; text-align: center;

Damit funktioniert es.
Das probiere ich direkt mal aus. Hoffe, dass klappt so gut.

Mensch. Und ich wollte mich schon mit der Position des Textes zufrieden geben :D

Super, dass einem bei einem Support Forum endlich mal wirklich geholfen wird. Ihr seid super!
Titel: Re: Bilduntertitel
Beitrag von: Smirschi am 27. Juli 2012, 16:35:08
Mit Tabellen sollte man eh vorsichtig sein. Später wird nix richtig angezeigt und die Fehler häufen sich von Browser zu Browser. :(
Titel: Re: Bilduntertitel
Beitrag von: stefanbe am 28. Juli 2012, 15:05:03
Zitat von: "Smirschi"Mit Tabellen sollte man eh vorsichtig sein. Später wird nix richtig angezeigt und die Fehler häufen sich von Browser zu Browser. :(
sory aber was ist das für eine aussage das table tag ist eiens der wennigen was in allen browsern so functioniert wie man es erwartet

gruss stefanbe
Titel: Re: Bilduntertitel
Beitrag von: wasp am 28. Juli 2012, 17:17:26
@Smirschi; ... diese Aussage ist FALSCH. ( siehe oben! / Vorpost )

Tabellen sind prinzipell GUT.  :twisted: STOP THE DIV MADNESS!

Zuverlässiger, etablierter HTML-Syntax der innerhalb seiner Zellen wiederum Divs enhalten kann, sofern benötigt.
Im "normalen" Verbrauchsverhalten sicher tragbar, wenn nicht sogar besser ... ( %-Sizing etc. )

 :arrow:  User "Smirschi" hat bzgl. "thread-digging" eine PN erhalten, also dbzl. bitte keine keine Flames / negativen Kommentare ...

Macht ihr aber sicher auch nicht...  :)