Thema: Lässt sich so ein Beitrag realisieren?

Zitat von HansZ

Und mit der htaccess kann ich leider nicht viel machen, da ich Hosterseitig meine htaccess nicht umbenennen darf

Ist das ein Provider, der Dir das ganze JOOMLA hosted ? Weil wenn nicht, musstest Du ja ohnehin die HTACCESS modifizieren - fuer JOOMLA ?!

So, hier noch die Joomla taugliche Version, das folgende im HTML-Bearbeitungsmodus eingeben:

<div class="xyzarticlewrapper">
<div class="xyztopdiv">
<p class="xyzfirst">Der erste Absatz (linke Spalte) </p>
<p class="xyzthird">Der dritte Absatz (rechte Spalte)</p>
</div>
<div class="xyzbottomdiv">
<div class="xyzleftcolumn">

<p class="xyzleftp"><img src="http://www.joomlaportal.de/images/test.jpg" width="100" height="100" style="margin: 10px -55px 10px 10px;" />Der zweite Absatz (linke Spalte - unter dem ersten Absatz)</p>
</div>

<div class="xyzrightcolumn">
<p class="xyzrightp"><span class="xyzspacer" style="margin:10px 10px 10px -55px; width: 100px; height:100px;" />&nbsp;</span> Der vierte Absatz (rechte Spalte - unter dem zweiten Absatz</p>
</div>
</div>
</div>

Der erste bis vierte Absatz sind dann mit dem Text zu füllen (in genau dieser Reihenfolge 1,2,3,4). Das rot markierte muss je nach Bildgröße angepasst werden. Die obigen Werte entsprechen einem Bild von 100px x 100px.

Bei einem Bild mit den Werten 560px x 800px müsste es dann so verändert werden:

<div class="xyzarticlewrapper">
<div class="xyztopdiv">
<p class="xyzfirst">Der erste Absatz (linke Spalte) </p>
<p class="xyzthird">Der dritte Absatz (rechte Spalte)</p>
</div>
<div class="xyzbottomdiv">
<div class="xyzleftcolumn">

<p class="xyzleftp"><img src="http://www.joomlaportal.de/images/test.jpg" width="560" height="800" style="margin: 10px -285px 10px 10px;" />Der zweite Absatz (linke Spalte - unter dem ersten Absatz)</p>
</div>

<div class="xyzrightcolumn">
<p class="xyzrightp"><span class="xyzspacer" style="margin:10px 10px 10px -285px; width: 560px; height:800px;" />&nbsp;</span> Der vierte Absatz (rechte Spalte - unter dem zweiten Absatz</p>
</div>
</div>
</div>

Fehlen nur noch die CSS-Anweisungen (in die Standard CSS kopieren):

div.xyzarticlewrapper {
width: 96%;
margin:0 2%;
position:relative;
overflow:hidden;
}
div.xyzleftcolumn {
float:left;
width:48%;
margin: 0 5px 0 auto;
}
div.xyzrightcolumn {
float:left;
width:48%;
margin: 0 auto 0 5px;
}
p.xyzleftp img {
float:right;
overflow:visible;
position:relative;
padding:0;
}
span.xyzspacer {
float:left;
overflow:hidden;
padding:0;
position:relative;
display:block;
}
p.xyzfirst {
width:48%;
margin: 0 5px 0 auto;
padding:0;
float:left;
}
p.xyzthird {
width:48%;
margin: 0 auto 0 5px;
padding:0;
float:left;
}
p.xyzleftp, p.xyzrightp {
margin-top:0;
padding:0;
}
div.xyztopdiv {
position:relative;
height:auto;
overflow:hidden;
}
div.xyzbottomdiv {
position:relative;
height:auto;
overflow:hidden;
clear:both;
}

Diesen Code als Download


.

Zitat von BitH

Weil wenn nicht, musstest Du ja ohnehin die HTACCESS modifizieren - fuer JOOMLA ?!

Tut mir leid, falsch formuliert. Zur Zeit habe ich nur eine htaccess.txt. Die kann ich nach belieben verändern. Sobald ich aber eine .htaccess Datei erstellen will geht, das, mein Hoster macht das dann, ich darf die dann aber nicht bearbeiten (erst ab dem nächst teureren Webpack)
So macht man Geld!



@Lintzy: Hm, so langsam komme ich nicht mehr hinterher mit dem Danke-button drücken
Gerade wollte ich fragen, wie man denn sowas mit Inline-Style-Sheets löst: Zack war die Antwort da, noch ohne die Frage

Tja, jetzt muesste nur unser JOOMLA laufen, dann koennte ich's ausprobieren.
Wo Du so schoen in Fahrt bist - das waere doch schon ein Plugin wert - dann haettest Du glaube ich einen neuen besten Freund :-)

Zitat von HansZ

Tut mir leid, falsch formuliert. Zur Zeit habe ich nur eine htaccess.txt. Die kann ich nach belieben verändern. Sobald ich aber eine .htaccess Datei erstellen will geht, das, mein Hoster macht das dann, ich darf die dann aber nicht bearbeiten (erst ab dem nächst teureren Webpack)
So macht man Geld!

Tja - immerhin kopiert er Dir die .TXT auch rein... Dann isses schonmal nicht 1&1 oder so

Zitat von HansZ

@Lintzy: Hm, so langsam komme ich nicht mehr hinterher mit dem Danke-button drücken
Gerade wollte ich fragen, wie man denn sowas mit Inline-Style-Sheets löst: Zack war die Antwort da, noch ohne die Frage

Ich sachs doch : CHAT !

Den von mir im vorherigen Beitrag geposteten Code (html), kannst du als Mustervorlage speichern und immer wieder einsetzen und entsprechend anpassen. (Den CSS - Code braucht man natürlich nur einmal in die Standard CSS zu setzen, das schreibe ich jetzt nur auf Grund meines ersten Satzes)

Zitat von BitH

Wo Du so schoen in Fahrt bist - das waere doch schon ein Plugin wert - dann haettest Du glaube ich einen neuen besten Freund :-)

Hehe, schade. Meine rudimentären PHP-Kenntnisse verhindern das.

Zitat von Lintzy

Hehe, schade. Meine rudimentären PHP-Kenntnisse verhindern das.

Na ich glaube nicht, dass das am PHP scheitern soll - das ist ja nur die Berechnung der Raender, die Du in PHP machen muesstest - der Rest ist ja schon erledigt.

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