Weiterlesen bei News auf eine Höhe bekommen

vapalux · 24. November 2011 18:01

Hallo,

ich aheb mehrere Newsbeiträge die nebeneinander stehen.
Dadurch das in der Vorschau unterschiedlicher Textinhalt bei den einzelnen news vorhanden ist, wird anscheinend
der 'weiterlesen' link jeweil in der höhe anders positioniert.

gibt es eine möglichkeit diesen link bei allen auf eine höhe zu bringen?

momentan sieht es noch so bei mir aus.

danke

vapalux

mike-r · 24. November 2011 21:25

Du definierst per CSS die Position der News-boxen als relative und setzt den weiterlesen-text absolut nach unten.

vapalux · 24. November 2011 22:09

ähm das ist leider nicht so einfach für mich.

die boxen sind ja eigentlich schon da wo sie stehen otimal.
sprich an dieser positionierung möchte ich eigentlich nichts ändern.

geht es den, dass ich nur den weiter lesen link positioniere?

wenn ja, wie ist der code dafür?

danke

vapalux

mike-r · 25. November 2011 23:28

eine relative Positionierung der Boxen sollte an der bisherigen Darstellung nichts ändern (wenn man nicht grad auf irgendwelche IE-Bugs in Verbindung mit Floats stösst)
Nur den Weiterlesen-link zu positionieren ist schon rein logisch etwas utopisch* schliesslich sollte der schon wissen, WO er sich positionieren soll.

Wie das ganze genau funktioniert, kannst Du hier nachlesen: http://www.css4you.de/position.html

* es gibt natürlich noch diverse andere Konstrukte, das Problem zu lösen, etwa mit display:table-* rumzuspielen, oder mit irgendwelchen festen Höhen zu experimentieren. Das macht dann aber nicht nur jeder Browser anders, sondern auch jede Browserkonfiguration.

vapalux · 25. November 2011 20:21

hallo mike-r,

vielen dank für den link.
hab es auch schon fast hinbekommen

vorher

div.NewsSummaryMorelink a{
color: #4A4A4A;
}

nachher

div.NewsSummaryMorelink a{
color: #4A4A4A;
position:absolute;
top:650px;
}

aber jetzt steht 'weiterlesen' nicht mehr in den eckigen klammern sad
diese sind jetzt leer und stehen dort, wo ohne positionierungsangaben woher
die 'weiterlesen' links standen.

was muss ich machen, dass die links plus die geschweifen klammern an einer festgelegten position sind.

leider konnte ich nichts finden, wo zB festgelegt wird, dass die links mit geschweiften klammern angezeigt werden.

vielleicht kannst du mir erneut helfen?

danke

vapalux

Beitrag geändert von vapalux (25. November 2011 20:22)

owr_web · 25. November 2011 20:29

einfaches css -> div.NewsSummaryMorelink a{

dh. du hast nur den Link verschoben, du solltest eigentlich auch ein
div.NewsSummaryMorelink {
also ohne a haben.

Mal so als Tipp: Vielleicht solltest du ein wenig über css lesen, es gibt einige gute Tutorials darüber.
Außerdem gibst du immer nur ein paar Brocken bekannt, da wirds schwierig dir überhaupt gescheit zu helfen. Es ist müßig dann jede Zeile wieder erneut durchzukauen.

Beitrag geändert von owr_web (25. November 2011 20:31)

vapalux · 25. November 2011 20:47

entschuldige bitte

aber

''leider konnte ich nichts finden, wo zB festgelegt wird, dass die links mit geschweiften klammern angezeigt werden.''

hatte ich ja schon geschrieben. danach habe ich im web gesucht.

div.NewsSummaryMorelink konnte ich in meinem stylesheet nicht finden

Kann bitte jemand diesen Beitrag nach 'Webseiten mit CMS Made Simple gestalten' verschieben'?

danke

vapalux

Beitrag geändert von vapalux (25. November 2011 20:53)

mike-r · 25. November 2011 20:58

vapalux schrieb:

div.NewsSummaryMorelink a{
color: #4A4A4A;
position:absolute;
top:650px;
}

top ist Mist, weil da die kleinste Unregelmässigkeit auf Deiner Seite oder eine Browsereinstellung (Skalierung bspw.) Deine Links sonstwohin schiebt und Deine Seite zerrupft. Warum arbeitest Du nicht mit relativen Eltern und den more dann bottom:0 plaziert?

div.NewsSummaryMorelink konnte ich in meinem stylesheet nicht finden

Dann musst Du es hinzufügen smile

Forum für CMS/made simple

#1 24. November 2011 18:01

Weiterlesen bei News auf eine Höhe bekommen

#2 24. November 2011 21:25

Re: Weiterlesen bei News auf eine Höhe bekommen

#3 24. November 2011 22:09

Re: Weiterlesen bei News auf eine Höhe bekommen

#4 25. November 2011 23:28

Re: Weiterlesen bei News auf eine Höhe bekommen

#5 25. November 2011 20:21

Re: Weiterlesen bei News auf eine Höhe bekommen

#6 25. November 2011 20:29

Re: Weiterlesen bei News auf eine Höhe bekommen

#7 25. November 2011 20:47

Re: Weiterlesen bei News auf eine Höhe bekommen

#8 25. November 2011 20:58

Re: Weiterlesen bei News auf eine Höhe bekommen

Fußzeile des Forums