[SOLVED] Template Images wird nicht mehr genutzt?

[kukki]

Mit "[br]" kann man einen Umbruch erzwingen und/oder per CSS z.Bsp.:

Code: Select all

.imagelisttd {
    padding: 10px 0 3px;
    width: 30px;
}

[Old Boy]

Das ist schon klar, aber ich möchte das - wie in der Vergangenheit selbstverständlich - vom ContentPart selber erledigen lassen.

Ich weiss ja heute nicht, was ich morgen für eine Breite verwenden will!

[kukki]

Ein DIV drumlegen und die Breite der Tabelle/ Spalten mit Prozent erledigen, dann klappts auch mit der Nachbarin. Ändere doch das Template in ein eigenes

[Old Boy]

Hast du das mal selber versucht???

4 Bilder in 2 Spalten, jedes Bild 150 breit und eine längere Bildunterzeil pro Bild?

Aber mal im Ernst, so ein Basis-Contentpart sollte doch "ab Werk" schon saber funktionieren...eben einfach EINFACH

[top]

Inline-CSS finde ich zwar nicht so elegant, aber als Standard in template/inc_cntpart/images/sample.tmpl fände ich so was hier ganz sinnvoll:

Code: Select all

...
                {IMAGE}[CAPTION]
                <p style="margin:3px 0 0 0; width: {THUMB_WIDTH}px;">{CAPTION}</p>[/CAPTION]
...

Leider habe ich gerade keine aktuelle Version am Start um es mal zu testen ob es auch da funktionuckelt.

[Old Boy]

Leider sehe ich nicht, wie das in der Tabellenversion da rein gefummelt werden könnte?

Code: Select all

<!--IMAGETABLE_SETTINGS_START//-->
; this is formatted like WIN.INI
; please: do not use comments for value lines
class_top_left			= imgtable-top-left
class_top_center		= imgtable-top-center
class_top_right			= imgtable-top-right
class_bottom_left		= imgtable-bottom-left
class_bottom_center		= imgtable-bottom-center
class_bottom_right		= imgtable-bottom-right
class_float_left		= imgtable-left
class_float_right		= imgtable-right
class_image_thumb		= image-thumb
class_image_wrapper		= image-wrapper 
class_image_link		= image-link
class_image_zoom		= image-zoom
class_image_lightbox	= image-lightbox
; width					= 300
; height				= 200
; zoom					= 1
; crop					= 1
; lightbox				= 1
; nocaption				= 0
; col					= 5
; colspace				= 0
; limit					= 0
; random				= 0

<!--IMAGETABLE_SETTINGS_END//-->
<div class="image-table" id="imgtable-id-{ID}">
[IMAGETABLE]{IMAGETABLE}[/IMAGETABLE]
</div>

[top]

Ok, mein Fehler. Ich hatte übersehen, dass OG die antike Tabellenansicht als Alternative wieder ergänzt hat.

Warum nutzt du nicht die neue Standard-Ansicht die ohne Tabellen auskommt?

[update]

Was steht denn im produzierten Code?

[kukki]

Inline-CSS finde ich zwar nicht so elegant, aber als Standard in template/inc_cntpart/images/sample.tmpl ...

Wir reden hier nicht vom Template IMAGES sondern vom Template \template\inc_default\imagetable.tmpl. Vielleicht musst Du Dir die neuste Version doch mal runterladen und damit in einem SANDKASTEN probieren!

Code: Select all

<div class="image-table" id="imgtable-id-{ID}">
[IMAGETABLE]{IMAGETABLE}[/IMAGETABLE]
</div>

Daraus wird dann:

Code: Select all

<div class="image-table" id="imgtable-id-358">
	<table border="0" cellspacing="0" cellpadding="0" align="center" class="image-list-table-center" summary="">
  <tr>
    <td class="imagelisttd"><a href="content/images/Bildrul.jpg" rel="lightbox[y2XWn]" title="Bild" class="image-lightbox">
    <img src="content/images/BildUrl2.jpg" width="200" height="134" border="0" 
    class="imagelistimg" data-image-id="160" 
    data-image-hash="9913b1001b57d0cec3f98b4adc4a0c7a" 
    data-image-ext="jpg" alt="e0013.jpg" class="image-thumb" />
  </a></td>
  <td width="3">
    <span style="display:inline-block;width:3px;height:1px" class="spaceholder"></span>
  </td>
	....
  </tr>
	</table>
	</div>

... mit veralteten HTML-Code (HTML5): table border, align center etc ....

[kukki]

Hast du das mal selber versucht???

Klar doch, habe ich, deswegen sage ich ja auch:
Entweder Text(Caption) kürzen oder mit [BR] umbrechen, Du als Websitebastler musst damit zurechtkommen, irgendwie. Es funtioniert halt einfach, kein großer Komfort.

Mehr Komfort findest Du dann hier!

Noch mehr Komfort bietet die Calc-Funktion (CSS3), muss nur mal jemand machen und umsetzen

[Oliver Georgi]

Bitteschön:
https://github.com/slackero/phpwcms/com ... e57cabdf3a

[update]

Achtung: DB-update!

[nameless1]

aber nicht dadurch.
danke schön.

[kukki]

Jetzt frage ich mich aber, was sich geändert hat, wenn ich eine ellenlange Bildunterschrift zaubere, muss ich doch trotzdem Hand anlegen und z.Bsp.:

Code: Select all

.imagelisttd {
    width: 120px;
}

benutzen, damit überlange Schriften umgebrochen werden. Mehr Komfort als vorher sehe ich nicht, oder

Übrigens interessante Reaktion, selbst bei 1px wird noch sauber im FF umgebrochen.

UND:

ohne [ ] Tabelle, werden die Spalten nicht gesetzt, alles steht in einer Reihe, ob da nun 3, 4 oder 5 Spalten angewählt wurden .... dito ob center, left oder right über/ unter Text gesetzt ist, nichts passiert mehr .... hier müssen die CSS-Noatitonen in der Frontend oder im Template neu gesetzt werden ... ob das reicht ?

[update]

wie sieht denn der generierte Quellcode jetzt aus?