Seite 1 von 1
Newsmodul, Bild - Formatierung
Verfasst: Mi 4. Jan 2006, 23:05
von 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.
Re: Newsmodul, Bild - Formatierung
Verfasst: Mi 4. Jan 2006, 23:51
von 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>
Re: Newsmodul, Bild - Formatierung
Verfasst: Do 5. Jan 2006, 00:17
von stsofd
mvf hat geschrieben: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...
Re: Newsmodul, Bild - Formatierung
Verfasst: Do 5. Jan 2006, 00:30
von 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
Verfasst: Do 5. Jan 2006, 01:18
von 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> <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).
Verfasst: Do 5. Jan 2006, 01:38
von 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> <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?
Verfasst: Do 5. Jan 2006, 01:48
von 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
Verfasst: Do 5. Jan 2006, 02:02
von mvf
habe das auch gerade nachgebastelt mom noch
Verfasst: Do 5. Jan 2006, 02:09
von 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
Verfasst: Do 5. Jan 2006, 02:18
von mvf
mvf hat geschrieben: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:
so isset nu im link oben online beim standard mandanten
Verfasst: Do 5. Jan 2006, 18:39
von stsofd
Hallo mvf,
das war´s:
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!
Verfasst: Do 5. Jan 2006, 20:58
von mvf
stsofd hat geschrieben:Ü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/