Thema: Schöner Horizontaler Abstand zwischen News

Tach

Wenn Newsartikel nebeneinander in Spalten stehen haben die keinen sauberen Abstand. Zu sehen auf der Frontpage, Blogansicht, etc.

Hier eine saubere Lösung um zwischen News-Spalten einen Abstand zu haben. Nicht aber am Rand der Seite, sondern wirklich nur zwischen den Spalten.

com_content/content.php ca. Zeile 1267 (bei Joomla! 1.0.13)

PHP-Code:

    // intro story output
            for ( $z = 0; $z < $intro; $z++ ) {
                if ( $i >= ($total - $limitstart) ) {
                    // stops loop if total number of items is less than the number set to display as intro + leading
                    break;
                }

                if ( !( $z % $columns ) || $columns == 1 ) {
                    echo '<tr>';
                }

                echo '<td valign="top" '. $width .'>'; 


ersetzen mit:

PHP-Code:

    // intro story output
            for ( $z = 0; $z < $intro; $z++ ) {
                if ( $i >= ($total - $limitstart) ) {
                    // stops loop if total number of items is less than the number set to display as intro + leading
                    break;
                }

                if ( !( $z % $columns ) || $columns == 1 ) {
                    echo '<tr>';
                }
                if ( ( ( $z + 1 ) % $columns ) || $columns == 1 ) {
                    echo '<td valign="top" '. $width .' class="vertical_seperator">';
                }
                else
                 {
                echo '<td valign="top" '. $width .' >';
                } 


Jetzt noch die oben verwendete CSS Klasse im CSS-File des Templates definieren.

Einfügen in templates/deintemplate/css/template_css.css

Code:

.vertical_seperator {
padding-right: 15px;
}

That's it! Nun kann man per css bestimmen wie der Abstand aussehen soll.

Probiert doch aus ob es bei euch auch funktioniert und gebt Feedback. thx

Gruss Fletsch

super sache,
habs gleich eingebaut...mein problem ist nur dass nur die ersten beiden einträge getrennt werden...danach kleben linke und rechte spalte zusammen.

EDIT hab das jetzt so abgeändert:
if ( $i < ($total-1) ) {
echo '<td valign="top" '. $width .' class="vertical_seperator">';
}
else
{
echo '<td valign="top" '. $width .' class="vertical_seperator">';
}

hoffe das hält =)

Wieviele Intro Stories und Zeilen hast du denn verwendet? Ich hab eigentlich mehrere Einstellungen ausprobiert und hat immer gepasst. Aber auch gut wenn die Leute nun eine Alternative haben wenn es nicht richtig aussehen sollte.

Gruss

ich glaub bei mir ists etwas anders als in deinem szenario.
und zwar habe ich im template 3 columns von denen die erste navigation ist und die beiden letzteren content. damit ich den abstand zwischen den columns bestimmen kann hab ich deine änderung verwendet. und sie mittels padding-left formatiert. soll heissen ich hab mich bei deinem code wohl vergriffen. bei mir ist es ja legitim dass der spacer nicht nur zwischen den spalten ist, sondern auch einmal links davon
deswegen war meine änderung an deinem code auch ziemlich unsinnig.

contentpaneopen konnte ich nicht zum formatieren nehmen, da ich schon den titel und die category neu formatiert hab und damit der kopf im iexplorer nicht richtig positioniert wäre....im grunde hab ich jetzt deine idee genommen...sie aber auf jeden artikel in der content.html.php angewendet...und jetzt klappts perfekt bei mir.


ich danke dir auf jeden fall für deinen code ganz oben !

ok alles klar. bitte gern geschehen wegen dem code.

Kann man die Seite besichtigen?

ich schick einen link, wenn sie weitgehend fertig ist...momentan bin ich noch am bug fixen

Da war tatsächlich noch ein Fehler drin. Hab den Code oben nun angepasst, damit er bei beliebiger Spaltenzahl funktioniert.

Ne der article_seperator bestimmt doch den Abstand oben und unten und nicht neben zwei newsblöcken.
Und eine zusätzliche Tabelle ist nicht drin. Bitte genau anschauen.