News-Block umcoden (Links kleines Bild, rechts der Text)

[Gast]

Willkommen Gast. Bitte einloggen oder registrieren.

Einloggen mit Benutzername und Passwort

[GerhardSt]

Hallo,

ich möchte gerne den News-Block so umcoden, das mir links klein das Bild (wenn vorhanden) angezeigt wird und rechts der Text des Artikel´s.
Ich habe mir den Code bereits angesehen und festgestellt, das die Bilder sowieso schon mal herausgefiltert werden, ich vermute mal wegen der einstellbaren Textlänge
Nur wie stelle ich das jetzt an das ein Bild nicht wieder im Text, sondern links erscheint?

Danke, für eure Hilfe!

Gerhard

[breakdancer]

Hi Gerhard,

warum machst Du das denn nicht einfach mit "linksbündigem" oder "rechtsbündigem" Formatieren Deiner Bilder ?

Also in Deinem Fall dann nur "linksbündig"....

Liebe Grüße

Markus

[GerhardSt]

Danke für den Tip, aber das habe ich schon versucht, auch mit einer Tabelle.

Aber dann steht nur eine Zeile neben dem Bild.

Es sollte aber wenn möglich so aussehen.

-------
I       I  Mein
I Bild I  Text
I       I  Beispiel
-------

[cihan]

Hallo 
das ist auch einfach per CSS möglich... Im Block eine neue Klasse einfügen und die Bilder dieser Klasse per CSS definieren... mit float:left und einer Höhe von 100% sollte es klappen.

lg

[GerhardSt]

Hallo cihan

könntest du mir bitte genau sagen, wo ich da was einfügen muss, CSS ist leider nicht so meins.
Ich bekomme es zwar hin, das Bild auf jede Seite zu verschieben, nur der Text macht dabei was er will

Danke, Gerhard

[m-t]

Es sollte aber wenn möglich so aussehen.

http://de.selfhtml.org/css/eigenschaften/positionierung.htm#clear

[cihan]

Hi,
reicht sowas wie auf meiner Testseite? Falls ja... So ist es gemacht:

Im block-News.php wurde folgende Stelle bearbeitet:

if ($introtext) {
            $introtext = '<div class="news_short">' . $introtext . ' <br /><div class="news-footer align-left"><a href="modules.php?name=News&amp;file=article&amp;sid=' . $story['sid'] . '">... weiterlesen (' . $totalcount . ' Zeichen) </a> | <a href="modules.php?name=News&amp;file=article&amp;sid=' . $story['sid'] . '#comments"  title="' . _COMMENTS . ' ' . mxValueToString($story['comments'], 0) . '" >' .mxCutString($comment, 100, "..."). '</a> | Autor: <a href="modules.php?name=Userinfo&amp;uname=' . urlencode($story['informant']) . '">' . $story['informant'] . '</a></div>

Und der dazu gehörige CSS-Teil:

.news_short img{
   height:130px;
   width:115px;
   float:left;
   padding-right:8px;
   padding-top:4px;
   padding-bottom:2px;
}

Damit das auch gut aussieht, müsste deine Artikel-Aufmacher alle mehr oder weniger gleich lang sein...

lg

[GerhardSt]

Hi cihan

Danke, genau das habe ich gesucht

Lg. Gerhard

[GerhardSt]

Hallo,

ich muß diesen Thread leider doch noch einmal aufwärmen.
Da das ganze leider doch nicht so richtig funktioniert, wenn man keine Tabelle erstellt. Das funktioniert also nur dann wenn ich den Artikel selbst erstelle, da dies bei mir aber mehrere machen, funktionierts nicht

Ich habe es mal so probiert:

Code: [Select]  

            $introtext = preg_match_all("@<img.*?src\s*=\s*['\"](.*?)['\"].*?>@i",$introtext, $img);

Dadurch müssten die Bilder doch als Array in $img gespeichert werden, nur irgendwie funktioniert das nicht so wie ich das will.
Ich möchte irgendwie das Bild vom Text trennen, damit ich es nachher an der richtigen stelle wieder einfügen kann.
Wie stelle ich das am besten an?

Danke, Gerhard

[GerhardSt]

Hallo,

hat keiner einen Tipp für mich?
Leider finde ich in Google auch nicht´s passendes

[cihan]

Hallo 
bei mir machen auch mehrere Leute die Artikeln und es hat zwar lange gedauert, denen zu erklären, wie die was machen müssen, damit die Bilder auch so angezeigt werden, wie die per CSS definiert sind... Aber es funktioniert... Du musst einfach deinen Autoren beibringen, dass die das Bild nicht skalieren dürfen... Das Bild muss im Artikel-Aufmacher die Originalgröße haben, dann wird es auf der Startseite in der gewünschten Kleinformat angezeigt und beim Artikel-Aufruf in Originalgröße... Daher muss man einfach vor dem Upload das Bild auf die Größe ändern, wie es später beim Artikel-Aufruf angezeigt werden soll...

Am besten schreiben deine Autoren den Artikel, fügen das Bild ein und drücken diesen "HTML-Säuberung-"Button:

Wenn die dann nach diesem Button den Artikel formatieren, z.B. fett machen, unterstreichen, andere Farbe usw... und dann abspeichern. So wird das Bild dann immer auf der Startseite wie definiert angezeigt und beim Aufruf des gesamten Artikels wird das Bild dann in der Originalgröße angezeigt...

Japp, es ist sehr umständlich und es hat sehr lange gedauert, bis die Leute bei mir auch so vorgingen... Aber wenn die es so machen, dann funktioniert es auch 
lg