Layout von Artikeln

rookie · 11.10.2004, 12:46

Ich habe zwei Fragen zum Layout von Artikeln:

1. Wie kann ich Bilder einfügen, die von Text umgeben sind und nicht mitten in der Zeile auftauchen?

2. Wie kann ich zwischen den einzelnen Artikeln auf der Frontpage eine Leerzeile einfügen?

Sansibar · 11.10.2004, 12:55

>> 1. Wie kann ich Bilder einfügen, die von Text umgeben sind und nicht mitten in der Zeile auftauchen?

Versuchs mal mit Align rechts oder links und dann zur Bestätigung 'Apply' und 'Save' (wichtig!)

So long
Thomas

rookie · 11.10.2004, 13:04

Vielen Dank für den Tipp! Ich hatte die Einstellungen unter "Align" vergessen.
Frage 1 wäre damit gelöst. Bleibt nur noch Nr. 2!

designdragon · 11.10.2004, 14:16

Quote:

Originally Posted by rookie

2. Wie kann ich zwischen den einzelnen Artikeln auf der Frontpage eine Leerzeile einfügen?

Entweder die CSS-Datei ändern (siehe die Deklarationen, die mit content. . . beginnen) oder einfach am Ende der entsprechenden Texte ein oder mehrere <br /> einfügen.

rookie · 11.10.2004, 17:37

Die Tabelle, in der ein Newsartikel ist, hat die Klasse ".contentpaneopen".
Ich kenne mich mit CSS nicht wirklich so gut aus. Wäre folgender Ansatz richtig um die Weite des unteren (unsichtbaren) Rahmens auf 30px zu setzen und somit den Abstand zwischen den einzelnen Artikeln zu vergrößern?

.contentpaneopen {
border-bottom-style: hidden;
border-bottom-width: 30px;
}

EDIT: So funktioniert es nicht... Auch wenn es funktionieren würde, wäre die Lösung nicht so toll, weil die Überschrift in einer gesonderten Tabelle ebenfalls mit der Klasse ".contentpaneopen" liegt. Wenn ich also den unteren Rand dieser Tabellen vergrößern würde, wäre auch die Überschrift 20px vom Artikel entfernt.
Die Lösung mit der Leerzeile im Artikel hat den Nachteil, dass der "weiterlesen..."-Link nicht direkt unter dem Artikel, sondern über der Überschrift des nächsten Artikels, also unter der Leerzeile, angezeigt wird.

master · 11.10.2004, 17:54

Hallo,

versuchs mal so in der template_css.css:

PHP Code:

  .contentpaneopen {
     padding: 5px;
 }

oder zur einfacheren Darstellung der Wirkung gleich mit 10px

rookie · 11.10.2004, 22:22

So funktioniert es. Allerdings besteht dann das Problem, dass der Abstand auch zwischen Überschrift und Artikel und nicht nur zwischen den einzellnen Artikeln existiert, da ja - wie oben gesagt - die Tabelle der Überschrift die gleiche Klasse besitzt...

master · 12.10.2004, 10:23

Hallo,

ich weiss nicht ob man dazu eine neue Klasse definieren muss oder kann.

Mit .contentheading hatte ich auch keine erfolgreichen Resultate, die Überschrift extra zu formatieren, diese Klasse lässt sich nur horizontal ändern.

Auch a.contentpagetitle ist nicht die richtige Klasse

.

Aber nachdem ich nicht unbedingt der CSS-Profi bin, hat vielleicht irgendjemand eine Idee?

Auf jeden Fall solltest Du die einzelnen Abstände extra definieren, wenn Du vertikal einen sehr grossen Abstand wählst. Also padding-top oder -bottom, -right und -left

Gruss, Uli

rookie · 12.10.2004, 17:51

Ich habe mein Problem jetzt in den Griff bekommen, indem ich ein bisschen von den Standarttemplates abgeguckt habe. Nebenbei habe ich noch einen schicken Hintergrund eingefügt. Das Ganze sieht jetzt so aus:

PHP Code:

  .contentheading {

    font-family: "MS Reference Sans Serif";

    font-size: 14px;

    color: #FFFFCC;

    font-weight:bold;

    height: 30px;

    background: url(http://www.reinemann-del.de/images/design/contenthead.gif)  repeat-x;

    text-align: left;

    padding-top: 9px;

    padding-left: 15px;

    white-space: nowrap;

}

Vielen Dank für eure Hilfe!