Zum Inhalt springen

Abstand zwischen Content

Erstellt am 18. November 2005 · 6 Antworten · letzte Antwort am 18. November 2005

Tags: Inhaltselemente, Bilder, Frage

daffyduck ·

Wie kriege ich es hin, dass nach einem "Bild/Text"-Eintrag der anschliessende "Text"-Eintrag mit einem fixen Abstand zur Unterkannte des Bildes erscheint.

Im Moment siehts so aus:
Bild: people.freenet.de/…/zeilen107a2a3b6a6.gif

Im Setup habe ich folgende Einträge für die normalen Abstände drin:

# Abstände der Contentelemente
tt_content.stdWrap.space = 0|20
tt_content.stdWrap.spaceAfter = 20

Leider beeinflussen diese Nur den Abstand zum vorhergehenden Text, nicht aber zum Bild. Eine Lösung wäre es mit Enterschläge zu Arbeiten, find ich persönlich aber ungemein umstäntlich... vorallem wenn man auch hochformatige Bilder verwendet.

Bitte kurz helfen :o

Gruss Daffy

just2b ·

Du könntest entweder im Inhaltselement ganz oben den Abstand mit vor/nach regeln (bis zu max 50px sind hier möglich)

oder bei der Einstellung "Position:" (für die Bilder)"im text links" mit "Kein Umbruch" wählen

lg georg

daffyduck ·

Den ersten Vorschlag kann ich leider nicht gebrauchen, da die hochformatigen Bilder meistens höher als 50px sind.

Den zweiten ist nicht schlecht, zumindest ist der untere Text richtig positioniert. Beim oberen aber ist der Titel jetzt auch rechts vom Bild und nicht mehr darüber:
Bild: people.freenet.de/…/zeilen2107a2c0eb44.gif

Prinzipiell sollte jeder Inhalt, ob Text, Bild oder andere, immmer als ein Element angesehen werden und einen Fixen Abstand von 20px dazwischen erhalten.

Als Ideen-Ansatz: Das ganze Content-Element in eine Tabelle packen... nur wie macht man dies?

Eventuell hast Du noch eine bessere Vorschläge wie man dies realisieren kann?

Danke und Gruss
Daffy

daffyduck ·

Wie das ganze mit den "div"'s funktioniert habe ich keine Ahnung, aber mit der Tabelle sieht mein CODE so aus:

# Abstände der Contentelemente
tt_content.stdWrap.space = 0|20
tt_content.stdWrap.spaceAfter = 20
tt_content.stdWrap.wrap (
<table border="0"><tr><td>|</td><tr></table>
)

Die Tabelle wurde korrekt erstellt, doch der Abstand zum Bild stimmt noch nicht. Dieser ist ca. 10px wie beim umfliessenden Text. Ich brauche aber in diesem Fall mehr... :o

Bitte um Hilfe... 🙂

_o3_ ·

gehört dieser thread nicht in die css-sektion?

das machst du per css
dazu einfach in deinem quelltext nachschauen wie die klassen heissen und abstand definieren...

daffyduck ·

Habs hingekriegt:

tt_content.stdWrap.wrap (
<table border="0"><tr><td>|</td></tr><tr height="20"><td height="20"></td></tr></table>
)

Einfach noch mal eine Zeile mit der höhe 20px angefügt 😃

Die beiden Zeilen kann man sich somit sparen:

tt_content.stdWrap.space = 0|20
tt_content.stdWrap.spaceAfter = 20

Danke für Eure Hilfe :p
Gruss Daffy