Bild & Text nebeneinander

[frank007]

Hallo Leute,
ich habe eine Frage: Ich würde gerne einen Artikel mit Bild anlegen, wo das Bild nicht unter oder über dem Text, sondern neben dem Text erscheint...
Ist das irgendwie möglich?

Vielen Dank für Eure Hilfe,
Frank

[Thomas.Blum]

Hej,

natürlich ist das möglich. Am besten ein modul mit Textarea und Mediabutton sowie ne Selectliste mit den Optionen Bild link vom Text, Bild rechts vom Text, Bil über bzw. unter dem Text. Da hast du dann ein Modul mit verschiedene Optionen wo das Bild erscheint.

In der Modulausgabe dann entsprechend die div-Blöcke setzen sowie mit CSS das ganze Formatieren.

vg Thomas

[frank007]

Wow,
danke für deinen Tipp! Hört sich echt cool an! Leider habe ich gar keinen Plan, wie so ein Modul aussehen muss...
Kann mir jemand vielleicht so ein Modul von sich kopieren, wenn Ihr sowas auch habt? Ich bin blutiger Anfänger.

[Markus.Staab]

Hi Frank,

das grundsätzliche Problem das du ansprichst, ist kein REDAXO Problem.

Um mit einem CMS zu arbeiten sollte man zumindest Erfahrung in HTML und CSS haben.

Du machst ja in REDAXO nichts anderes als HTML zu produzieren.

1. Frage
Wie würde der HTML Sourcecode aussehen, damit der Text rechts neben dem Bild ist...?

2. Frage
Wie setze ich das in REDAXO um...?

Deshalb, werde dir klar, wie das im HTML aussehen muss um es dann mit REDAXO zu produzieren. Wenn du schonmal weisst, wie es in HTML ausschauen soll, dann können wir dir beim integrieren in REDAXO einfacher weiterhelfen.

Gruß,
Markus

[frank007]

Also ich hab das mal ganz einfach in HTML gebaut. Die HTML-Tabelle besteht aus drei Spalten.

<table width="622">
<tr>
<td width="411"></td>
<td width="11"></td>
<td width="200"></td>
</tr>
</table>

Erste Spalte ist für den Text, zweite Spalte ich nur als Abstand gedacht und in die dritte Spalte sollte ein Bild mit einer Breite von 200 Pixeln eingefügt werden.

Erfahrung mit HTML habe ich ja auch, allerdings kenne ich mich mit CSS noch nicht aus! Und ich bin willig und bereit, mich da durchzuwurschteln

[Markus.Staab]

Hi Frank,

war auch nicht böse gemeint von mir, ich möchte Dir ja auch weiterhelfen..

Nun hast du schonmal das Grundgerüst.
Jetzt an den entsprechenden Stellen einfach das Bild, bzw den Text einfügen.

d.h.:

Eingabe:

Code: Alles auswählen

Text:<br />
<input type="text" size="50" name="VALUE[1]" value="REX_VALUE[1]" />
<br/>

Bild:<br />
REX_MEDIA_BUTTON[1]

Ausgabe:

Code: Alles auswählen

<table width="622">
<tr>
<td width="411">REX_VALUE[1]</td>
<td width="11"></td>
<td width="200"><img src="<?php echo $REX[HTDOCS_PATH]; ?>/files/REX_FILE[1]" width="200"></td>
</tr>
</table> 

Das ganze wäre aus Sicht eines in die Zukunft blickenden Menschen natürlich schöner mit DIVs anstatt der Tabelle!

Wie du vielleicht selbst merkst, habe ich "nur" aus der Demo das Modul "Headline" mit dem Modul "Bild" zusammengefügt und in dein Grundgerüst die entsprechenden "Variablen" eingefügt.

Gruß,
Markus

[frank007]

Super Markus!
Vielen Dank für die Hilfe! Konnte alles schnell und einfach anpasssen - sogar das optimieren hat dann noch geklappt und sieht toll aus!

Dankeschön
Frank

[Markus.Staab]

Hi Frank,

und jetzt weisst du schon wie du beim nächsten Modul das ganze angehen kannst.

Falls dennoch Fragen auftreten sollten, einfach fragen...

Gruß,
Markus

[webstar]

Eine Frage hab ich dazu noch. Im Code hast du das REX_VALUE einfach ins HTML eingebaut, das REX_FILE jedoch eingebettet in php. Schluckt das HTML das einfach so und gibt dann nicht bloß den Text "REX_VALUE" aus? Wenn ja, warum?

[Jan.Kristinus]

hi,

du kannst REX_FILE wie auch REX_VALUE[1] in php einbetten wenn du willst.
in diesem fall waere es nicht noetig gewesen, aber wegen der pfad angabe hat es wohl besser reingepasst.. es macht bei REX_FILE sogar besonders Sinn über PHP abzufragen ob eine Datei überhaupt ausgewählt wurde.

ausgabe:

Code: Alles auswählen

<?php

if ("REX_FILE[1]" != "") echo '<img src="'.$REX[HTDOCS_PATH].'/files/REX_FILE[1]" width="200">';
else echo 'keine Datei ausgewählt !';

?>

gruss

jan

[webstar]

Ach so, verstehe. Heißt das man kann bei der Erstellung eines Moduls bzw eines Blocks diesen Syntax immer direkt in HTML einfügen ohne es in irgendeiner Art einzubetten? Ist das auch bei Templates möglich?

[Markus.Staab]

Hi webstar,

Ach so, verstehe. Heißt das man kann bei der Erstellung eines Moduls bzw eines Blocks diesen Syntax immer direkt in HTML einfügen ohne es in irgendeiner Art einzubetten? Ist das auch bei Templates möglich?

Jep, das ist sozusagen die REDAXO eigene Sprache.

In Templates ist das auch möglich, aber nur mit den Variablen, REX_ARTICLE_ID, REX_CATEGORY_ID, REX_CUR_CLANG

Die ganzen komponenten wie REX_MEDIA_BUTTON etc sind nur in Modulen verwendbar..

Gruß,
Markus