Datum positionieren

[lawfinger]

Hallo,

ich habe natürlich zunächst überlegt, welche Stichworte ich eingeben könnte, um das Problem vielleicht schon gelöst zu finden, aber ehrlicher weise habe ich bei den von mir gewählten Stichworten nichts gefunden.

Problem(chen):

Ich friemel mich gerade durch die ersten Änderungen in Templates (News) und habe da das Datum in der Art eines Abreißkalenders formatiert. Jetzt möchte ich diesen Abreißkalender aber in Höhe der Überschriften positionieren. Das betrifft die Newsliste und den Newsleser. Wie das derzeit aussieht sieht man hier:

Newsliste: http://www.kcs-soemmerda.de/index.php/News.html
Newsreaderbeispiel: http://www.kcs-soemmerda.de/index.ph...t-dem-kcs.html

Wie kriege ich das denn hin, dass die Datumsanzeige nun rechts neben der jeweiligen Überschrift steht?

Grüße
Matthias

[magicsepp]

versuch mal

.info {margin-top: -45px;}

[lawfinger]

Danke für den Hinweis. Das habe ich jedoch schon ausprobiert. Damit kann ich zwar eine örtliche Veränderung herbeiführen. Aber das Datum ist dann nicht mehr zu sehen. Ich denke, dass es passiert, weil das Datum innerhalb des Artikels erscheint. Es müsste aber irgend wie in den Bereich, in dem auch die Überschrift steht.

Grüße
Matthias

[magicsepp]

entweder template umstellen oder position:absolute verwenden.

[sandburg]

quick and dirty

.info {float:left;}
.more {clear:left;}

oder das Template "layout_latest" ändern...

[toto]

Oh ein Kanute!!!
ich sehe momentan schwarze Schrift auf schwarzem Hintergrund. Es gab doch mal ein Tutorial bei Conato oder?

http://www.contao.org/de/news/indivi...chrichten.html

Versuch es dochmal damit...

Übrigens http://www.kanuverein-badoeynhausen.de ... das ist unserer...

Gruß toto

[bizon]

Hi,

nach dem jetzigen Stand der HP muss der komplette p nach rechts gefloatet werden:

p.info {
    float: right;
}

und bei .info den Wert für top: entfernen.

[lawfinger]

Hallo zurück,

danke erst mal an alle "Teilnehmer". Ich lerne ja mit jedem Fehler dazu ... Ich habe jetzt die Variante von Sandburg ausgewählt und ein für mich akzeptables Ergebnis erreicht. Allerdings habe ich dann das Problem dass ich bei der Detailansicht des News die Datumsanzeige mittendrin habe. Vermutlich müsste ich jetzt mittels eine css-Anweisung sagen, dass das Datumsfeld dort eben anders formatiert wird oder ...??? Wie spreche ich denn das Datumsfeld dort an? Ich verwende dort das Template "layout_full".

[jubel]

Wenn du .info rechts haben möchtest, musst es auch dorthin floaten:

.layout_full .info {
    background: -moz-linear-gradient(center top , #FFB01C 35%, #FFFFFF 5%, #FFFFFF 30%, #FFFFFF 30%) repeat scroll 0 0 transparent;
    border: 1px solid #FFB01C;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 1px 7px 7px 1px #787878;
    color: #000000;
    float: right;					
    font-family: courier;
    height: 60px;
    left: 490px;
    margin-bottom: 3px;
    margin-top: 3px;
    padding: 5px;
    position: relative;
    text-align: right;
    width: 60px;
}

[lawfinger]

Hallo,

danke für den Tipp. Das hat funktioniert. Habe gleich noch ein wenig mehr ausprobiert. Man lernt ja nur aus und mit Fehlern ...

Grüße
Matthias

[jubel]

Ah, also doch lieber links!

Noch ein Hinweis:
Du hast zwei H1-Überschriften ineinander. Die zweite Überschrift müsste aber von der Logik eine H2-Überschrift sein, wenn ich deine Seite richtig verstanden habe.
h1.png

Da du eh schon am Template gebastelt hast, würde ich das dort auch noch ändern.

[lawfinger]

Hallo zurück,

da hast du Recht gehabt.

Habe es geändert. ... und gleich noch ein wenig mehr. ...

Gruß
Matthias