Thema: Lässt sich so ein Beitrag realisieren?

Ich hatte einen Flüchtigkeitsfehler im Code (doppelt geschriebenes margin) und hab die ersten Absätze der Spalten noch mal unterschiedlich klassifiziert. (Die Änderungen sind im vorherigen Code nun auch enthalten).

Füge das ganze noch mal zum Download hier an. html.txt gehört in den Editor (HTML-Maske). Das Bild ist auch dabei (in den Ordner images). Am besten das Bild in den Artikel per Editor einfügen, dann stimmt der Pfad auch (oder eben den Pfad manuell korrigieren).


.

Zitat von HansZ

Jetzt sieht es echt perfekt aus!
Ich erwähn lieber gleich noch was für die anderen:
1. Das Ganze sieht erst ab eienr bestimtmen Textlänge gut aus. Davor wirkt es leicht seltsam.

2. Unbedingt den Code von Lintzy erst in den HTML-Editor einfügen und den Bild-Pfad, sowie die einzelnen Anpassungen durhführe und dann erst in den WYSIWYG-Modus wechseln, da sonst der Editor da ein bisschen was am Code zerstört (zumindest bei mir mit dem JCE)


Gruß, HansZ

Jup, aber das mit der Textlänge dürfte in Word nicht anders sein, oder?

2.) Jup, das mit dem HTML-Code ist normal, Joomla Editoren sind sehr eigensinnig.


btw... check mal bitte, ob du in der CSS (letzte Zeile) ein clear:both; eingetragen hast. Ich hatte den typo clear:bot; (ohne h) drin.

Zitat von Lintzy

Du kannst gerne ein Plugin erstellen. Ich hab garantiert nichts dagegen

Dann muesste ich Dir ja Deine Vorarbeit klauen.
Neee - ich denke, mit der Java-Loesung wuerde man am weitesten kommen - als PlugIn. Problem dabei ist nur, dass ich es einfach nicht ins Fliegen bekomme, wobei mir das Prinzip schon klar ist.
Der Vorteil waere, dass es rein als Design-Loesung daher kommt, die positionierten Bilder koennten dann entweder im Fliesstext oder halt starr im Artikel sein, der Umlauf waere entsprechend. Man wuerde im Design nur noch die Anzahl der Spalten definieren und der Rest waere gegessen. Bei Deiner Loesung muss sich der Schreiberling explizit mit der Spaltenaufteilung beschaeftigen - das bringt nur was, wenn es wirklich nur auf eine begrenzte Anzahl Artikel wirken soll.

*Hobbit Nr. 3 verlangt wieder*

Zitat von BitH

Bei Deiner Loesung muss sich der Schreiberling explizit mit der Spaltenaufteilung beschaeftigen - das bringt nur was, wenn es wirklich nur auf eine begrenzte Anzahl Artikel wirken soll.

Nein, das stimmt nicht. Das umgebende Div ist fluid angelegt und nimmt 96% plus padding = 100 % des ihm zur Verfügung stehenden Platzes ein. Oder anders ausgedrückt: Der Artikel nimmt denselben Platz ein, ob mit oder ohne meinen Code.

Das einzige, was man wissen muss, ist die Breite und Höhe des Bildes. Davon nimmt man die Hälfte PLUS 5px und trägt dies an den rot markierten Stellen ein. Und man muss die Breite und Höhe des Bildes im span tag eintragen. Ebenfalls rot markiert.
Mehr Gedanken braucht man sich nicht zu machen.

Natürlich wäre eine programmierte Berechnung noch besser, da sie wohl weitere Optionen bieten würde.

Du kannst ruhig meine Vorarbeit nutzen, kannst ja eine Notiz in die readme.txt schreiben, wenn es dich beruhigt ^^

Zitat von HansZ

Jetzt ist ein h drin.
Hätte niemals gedacht, dass sowas ohne Tabellen geht

Viele liebe Grüße, HansZ

Mit Tabellen wäre es noch viel umständlicher geworden. Ich hab mal eine Zeichnung angefügt. Mit der Tabellenlösung wärst du auf eine genaue Textmenge in den Zellen angewiesen, anders ginge es imho nicht.


.

Zitat von HansZ

Davon nimmt man die [negative] Hälfte [MINUS] 5px

Um es mal überkorrekt auszudrücken

Nope, wenn schon, dann:

Davon nimmt man die [negative] Hälfte PLUS [MINUS] 5px


Oder: Davon nimmt man die Hälfte PLUS 5px und trägt dies an den rot markierten Stellen als negativen Wert ein. (Aber da die rot markierten Stellen schon ein - vor den Pixelwerten hatten, dachte ich, es wäre auch so klar genug.)