vertical-align

[sanoasis]

Bei folgendem Code moechte ich erreichen, dass die Zeile des Datums (dort wo float ist) auf gleicher Hoehe ist wie die obere Zeile der danebenstehen 2 Textzeilen. Z.Zt. ist das Datum eher auf Hoehe der unteren Textzeile:

<p
style="width: 300px; float: left; text-decoration: underline; font-weight: bold; vertical-align: text-top;">23&nbsp;de
febrero 2008
</p>
<p> <a href="tallerhauser.jpg" target="_blank">Taller
de supervisión psicodramática
para<br>
profesionales del área social y clínica
</a></p>

Was laeuft da verkehrt?

Gruss,
Stefan

[sejuma]

AW: vertical-align

Bei mir hat das die gleiche Höhe. Ich vermute optische Täuschung. Setz mal testweise die Breite auf 100px statt 300px, dann siehst du, dass die Schrift auf gleicher Höhe ist.

Ansonsten kannst du es mit einem negativen margin-top-Wert versuchen, z.B.

margin-top: -3px;

. Aber wie gesagt: Das Auge täuscht sich durch den Zwischen-Leerraum.

Das kannst du löschen, hat keine Wirkung:

vertical-align: text-top;

[sanoasis]

AW: vertical-align

Ich arbeite mit Netscape. Dort ist der Unterschied. Bei firefox haengt das Datum auch ein Stueckchen nach unten.
Aber wenn es bei dir klappt, ist ja gut.
Danke.

Interesanterweise sind Datum und die 1.Textzeile genau auf einer Hoehe, wenn ich zusaetzlich margin:0px eingebe. Da muss es vorher einen "geheimen" Wert gegeben haben.

[sejuma]

AW: vertical-align

Netscape hab ich nicht, aber im FF wird es auch tiefer dargestellt, wie ich jetzt sehe.
Dann setze margin auf 0 oder floate den zweiten Absatz ebenfalls left.
Der Abstand wird offensichtlich durch die float-Angabe verursacht. Eine Begründung hab' ich leider keine.

[Ingo]

AW: vertical-align

Hi,

Der Abstand wird offensichtlich durch die float-Angabe verursacht. Eine Begründung hab' ich leider keine.

Collapsing margins sind ja auch nicht ganz so trivial..

Gruß
Ingo

[sejuma]

AW: vertical-align

Und wo wären im Ausgangscode margins gewesen?

[Ingo]

AW: vertical-align

Hi,

Und wo wären im Ausgangscode margins gewesen?

keine Ahnung, den habe ich noch nicht gesehen. Du etwa?

Gruß
Ingo

[sejuma]

AW: vertical-align

siehe ganz am Anfang dieses Threads:

Bei folgendem Code moechte ich erreichen, dass die Zeile des Datums (dort wo float ist) auf gleicher Hoehe ist wie die obere Zeile der danebenstehen 2 Textzeilen. Z.Zt. ist das Datum eher auf Hoehe der unteren Textzeile:

<p
style="width: 300px; float: left; text-decoration: underline; font-weight: bold; vertical-align: text-top;">23&nbsp;de
febrero 2008
</p>
<p> <a href="tallerhauser.jpg" target="_blank">Taller
de supervisión psicodramática
para<br>
profesionales del área social y clínica
</a></p>

Was laeuft da verkehrt?

Gruss,
Stefan

[Ingo]

AW: vertical-align

Hi,

siehe ganz am Anfang dieses Threads:

das ist aber nicht der Code, auf den es ankommt... Es geht doch um die Abstände nach oben.

Gruß
Ingo

[sejuma]

AW: vertical-align

Die Ursprungsfrage ging aber von diesem Code aus.
Und bei diesem Code setzt der FF den gefloateten p tiefer als den nicht gefloateten.
Bitte klär mich auf: Was hat das mit collapsing margins zu tun?

[Ingo]

AW: vertical-align

Hi,

Die Ursprungsfrage ging aber von diesem Code aus.

weil das Problem nicht erkannt wurde.

Bitte klär mich auf: Was hat das mit collapsing margins zu tun?

nur das margin-top vom nicht gefloateten p fällt mit dem margin-bottom des darüberliegenden - uns unbekannten - Elements zusammen.

Gruß
Ingo

[sejuma]

AW: vertical-align

Dankeschön!