Hallo,
damit die einzelnen Artikel auf der Startseite etwas strukturierter wirken, möchte ich wie auf dieser Seite unter den jeweiligen Überschriften der Artikel eine Horizontale Linie einfügen.
Was mich in diesem zusammenhang auch interessiert, wie kann ich die einzelnen Artikel die auf der Frontpage angezeigt werden in einen Rahmen fassen, damit diese auch nebeneinander eindeutiger zu erkennen sind?
Danke + Gruß
Sascha
Also für die Überschrift fällt mir momentan nur der Horizontal Rule im Editor ein, den Du einfach ganz oben im Text eingibst. Wie Stefan das macht, weiß ich nicht, wahrscheinlich gibts eine Funktion in htmlarea3. Für den Text gibts die Möglichkeit der Tabelle, einfach mit einer Spalte und einer Zeile erstellen und darin schreiben. Eine weitere Möglichkeit wäre den rechten Text auf Deiner Seite im Editor einzurücken, was aber mit der Überschrift nicht funktioniert. Wie gesagt, ich gehe hier von htmlarea2 aus.
Gruss
Uli
Nein, das hat nichts mit einer <hr> zu tun!
Was du als gestrichelte Linie siehst, ist der untere Rand einer Tabellenzelle, dier im Style-Sheet definiert ist.
.contentheading {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #2D5E8E;
text-align:left;
-> border-bottom : 1px dashed #EAE8E7;
}
Die Zeile mit Pfeil (von mir) sagt, dass die Tabellenzelle, in der die Überschrift steht, unten einen 1 Pixel dicken Rand in der Form dashed (gestrichelt) und in der Farbe #EAE8E7 haben soll. Das ist also eine CSS-Methode.
Tipp: Wenn du Mozilla verwendest, markiere einfach im Browserfenster das Element, dessen Style dich interessiert, und wähle im Kontextmenü: Auswahlquelltext ansehen bzw. view selection source. Dann siehst immer, welche CSS-Definition dafür zuständig ist, hier eben .contentheading!
Den Pfad zur CSS-Datei siehst du immer im Quelltext der Seite im oberen Bereich. Du kannst alles in der CSS-Datei deines Templates nach Belieben deinen Wünschen anpassen.
Was es so an Definitionen gibt, kannst du recht bequem hier nachsehen bzw. ausprobieren: http://www.w3schools.com
Viel Erfolg
Tja, an CSS hatte ich natürlich nicht gedacht, manchmal denkt man einfach nur, man denkt...
Gruss, Uli
:wink:
Dankeschön!
Werd ich mal ausprobieren :wink:
Gruß
Sascha
Berechtigungen
LinkBack URL
About LinkBacks
Zitieren
Lesezeichen