Newsmodul, Bild - Formatierung

[stsofd]

Hallo,

inzwischen habe ich viele Beiträge gelesen und das Newsmodul mit Bild läuft bestens.
Aber: wie und wo kann evtl. folgende Formatierung erstellen:


Bild TEXTTEXTTEXT
TEXTTEXTTEXT...


...also Fliestext, wenn z.B. Bild links oben ist, Text ebenfalls oben beginnen soll und unterhalb des Bildes weitergehen soll.

Wenn ein Beitrag KEIN Bild enthält, soll der Text natürlich entsprechend links oben anfangen:
TEXTTEXTTEXT
TEXTTEXTTEXT

Vielleicht hat jemand von den Profis eine Idee. Formatierungen mit Tabellen etc. habe ich schon probiert aber nichts entspricht meinen Vorstellungen.
Ich probiere an der "teaser-standart.html und habe verschiedene Ausgaben inzwischen erreicht. Bei Ausgabe eines Fließtextes weiß ich aber inzwischen nicht weiter.

Vielen Dan im Voraus für die Hilfe.

[mvf]

selfhtml ist eine möglichkeit

Code: Alles auswählen

<div>
<img width="141" height="81" align="right" src="upload/logos/contenido_logo.jpg" />sdfhsfhsjhf s foshdf uhsd fush dfiush dfiuh sdiufh sidufhsiduhf isudhf iusdhf iusdhf isuhd fiushdfiu sdfhsfhsjhf s foshdf uhsd fush dfiush dfiuh sdiufh sidufhsiduhf isudhf iusdhf iusdhf i sdfhsfhsjhf s foshdf uhsd fush dfiush dfiuh sdiufh sidufhsiduhf isudhf iusdhf iusdhf i sdfhsfhsjhf s foshdf uhsd fush dfiush dfiuh sdiufh sidufhsiduhf isudhf iusdhf iusdhf isdfhsfhsjhf s foshdf uhsd fush dfiush dfiuh sdiufh sidufhsiduhf isudhf iusdhf iusdhf isdfhsfhsjhf s foshdf uhsd fush dfiush dfiuh sdiufh sidufhsiduhf isudhf iusdhf iusdhf isdfhsfhsjhf s foshdf uhsd fush dfiush dfiuh sdiufh sidufhsiduhf isudhf iusdhf iusdhf isdfhsfhsjhf s foshdf uhsd fush dfiush dfiuh sdiufh sidufhsiduhf isudhf iusdhf iusdhf i
</div>

[stsofd]

selfhtml ist eine möglichkeit

Hallo mvf,

die Idee ist nicht schlecht, löst aber leider nicht mein "Problem".
ich habe verschiedene Code-Varianten probiert, aber das Bild wird immer nur links oben und der Text darunter gezeigt.

Wie geschrieben suche ich eine Möglichkeit, den Text als Fließtext (quasie um das Bild herum) anzuzeigen...

Danke ... auch für weitere Tipps...

[mvf]

poste mal deine standard_teaser html oder welches template auch immer du dazu verwendest, und dann ist noch interessant in was für ein <*tag*> das template umklammert

[stsofd]

Hi,
hier meine "standard_teaser3.html" die ich u.a. für die Konfiguration verwende.

Code: Alles auswählen

<table width="100%" border="0" background="images/hg_tab1.gif">
  <tr>
    <td><font color="#FFFFFF" size="2"><strong>{TITLE}</strong></font></td>
  </tr>
</table>
<!-- BEGIN:BLOCK -->
<div style="padding-bottom:10px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
</table>
<table width="100%" left="1" cellspacing="0" cellpadding="2" style="border-left: 1px dashed #0080FF; border-bottom: 1px dashed #0080FF">
  <tr><td><b>
	<a href="{HREF}" style="color:rgb(0,128,255); font-style:normal; font-variant:normal">{HEADLINE}</a>
	</b> </td>
  </tr>
	<tr>
		<td>{TEXT}</td>
	</tr>
	<tr>
		<td><a href="{HREF}" style="color:rgb(255,255,255);">{IMG}</a></td>
	</tr>
	<tr>
		<td> <a href="{HREF}" style="color:rgb(0,128,255);">{MORE}</a>&nbsp;&nbsp;&nbsp;<a href="{HREF}"><img src="images/navi_pfeil_rechts.gif" border="0" alt="{MORE}" title="{MORE}"/></a> </td>
</td>
	</tr>

</table>
</div>
<!-- END:BLOCK -->

Was Du mit

und dann ist noch interessant in was für ein <*tag*> das template umklammert

meinst, weiß ich nicht.
Bitte definiere das etwas genauer.

Zu sehen ist die Seite übrigens unter:
http://vaterhaus.de/cms/front_content.php?idart=50 (aktuelle "Test-Formatierung")
(Mitte: Verwendung von News-Modul mit "standard_teaser3.html" / Rechts in der Kategorie "Aktuelles" setze ich "standard_teaser.html" ein, mit <br> Definition.)
Ich habe das "News-Modul" vervielfacht und geändert - mit entsprechenden Nr´s und entsprechenden Zuweisungen zu den html-Dateien für die Formatierung (standard_teaser.html; standard_teaser2.html; standard_teaser3.html).

[mvf]

was wird bei

Code: Alles auswählen

<table width="100%" border="0" background="images/hg_tab1.gif">
  <tr>
    <td><font color="#FFFFFF" size="2"><strong>{TITLE}</strong></font></td>
  </tr>
</table>
<!-- BEGIN:BLOCK -->
<div style="padding-bottom:10px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
</table>
<table width="100%" left="1" cellspacing="0" cellpadding="2" style="border-left: 1px dashed #0080FF; border-bottom: 1px dashed #0080FF">
	<tr>
		<td>
  
			<div style="width:100%"><b><a href="{HREF}" style="color:rgb(0,128,255); font-style:normal; font-variant:normal">{HEADLINE}</a></b></div>

			<div style="width:100%"><p align="right">{IMG}</p>{TEXT}<br/><a href="{HREF}" style="color:rgb(0,128,255);">{MORE}</a>&nbsp;&nbsp;&nbsp;<a href="{HREF}"><img src="images/navi_pfeil_rechts.gif" border="0" alt="{MORE}" title="{MORE}"/></a></div> 
  
		</td>
	</tr>
</table>
</div>
<!-- END:BLOCK -->

ausgegeben?

[stsofd]

Hi,
mit diesem Code erscheint das Bild RECHTS, der Text bleibt weiterhin UNTERHALB des bildes: siehe (vorübergehend... Mitte: Top: z.B. "Veranstaltungen") http://vaterhaus.de/cms/front_content.php?idart=50

[mvf]

Hi,
mit diesem Code erscheint das Bild RECHTS, der Text bleibt weiterhin UNTERHALB des bildes: siehe (vorübergehend... Mitte: Top: z.B. "Veranstaltungen") http://vaterhaus.de/cms/front_content.php?idart=50

habe das auch gerade nachgebastelt mom noch

[mvf]

so ich hab es

wenn man im modul news output direkt beim image align right mit eingibt ->

Code: Alles auswählen

if (strlen($img_teaser) > 0) {
					$teaser_img = '<img src="'.$img_teaser.'" align="right" class="teaser_img">';

und im html template mal mit

Code: Alles auswählen

<!-- BEGIN:BLOCK -->
<div style="width:100%">{IMG}{TEXT}</div> 
<!-- END:BLOCK -->  	

startet wird das buidl nach rechts geschoben und umflossen

ergo statt das modul anzufassen einfach die classe .teaser_img in's css und dort ein text-align:right; probieren

beispiel: http://dev1.elflein-kosmetik.de/cont46v ... p?idcat=41

[mvf]

ergo statt das modul anzufassen einfach die classe .teaser_img in's css und dort ein text-align:right; probieren

is quatsch die classe muss hiessen:

Code: Alles auswählen

.teaser_img {
   float:right;
}

so isset nu im link oben online beim standard mandanten

[stsofd]

Hallo mvf,

das war´s:

Code: Alles auswählen

.teaser_img {
   float:right;
}

diese Classe muss in die style.css .
Ich hatte dort zwar schon eine classe .teaser_img aber irgendwas war danach zuviel od. falsch...
Übriegens kann in der Classe auch float:left stehen -> entsprechend erscheint das Bild dann eben links...

Nochmals Danke...

...und an alle C-Fans noch eine gutes, erfolgreiches Contenido-Jahr 2006!

[mvf]

Übriegens kann in der Classe auch float:left stehen -> entsprechend erscheint das Bild dann eben links...

aso

alles über floating im css und gute weiter beispiele findest du z.b. hier:
http://css.maxdesign.com.au/