Altes Problem - aber leider keine Lösung dafür gefunden

[Thomas]

Hallo Forumer!

Ich habe eine (von vielen) DIVs, in der sich mit CSS vorformatierter Text befindet.
Der Text befindet sich in <P>'s.

Bsp.:

<style>
P.zwo {font-family:Arial,Helvetica;font-size:14px;color:#ffffff;}
P.rosa {font-family:Arial,Helvetica;font-size:14px;color:#ff33cc;}
</style>
...
<div>
<p class="rosa">Überschrift</p>
<p class="zwo">Text Text Text Text Text</p>
</div>

Ist es irgendwie möglich, die Überschrift so darzustellen, daß danach KEINE Leerzeile erscheint. Ich habe schon versucht innerhalb der <P class="zwo"> einen <span>-Bereich
anzugeben, was aber mit Netscape kläglich scheitert.

Im Prinzip möchte ich also folgendes erreichen:

====== DIV =====
ÜBERSCHRIFT (in der Klasse "rosa")
TEXT (in der Klasse "zwo")
TEXT (..)
TEXT (..)
====== /DIV ======

Wie kann ich soetwas insb. OHNE Leerzeile zwischen der Überschrift und dem Text in EINER Division erreichen ???

Vielen Dank,
Gruß,
Thomas

[Michael Schröpl]

<div>
<p class="rosa">Überschrift</p>
<p class="zwo">Text Text Text Text Text</p>
</div>
Ist es irgendwie möglich, die Überschrift so darzustellen, daß danach KEINE Leerzeile erscheint.

Mir ist nicht klar, was genau Du mit "Leerzeile" meinst.

Zwischen den beiden Zeilen ist ein Abstand, welcher sich berechnet aus dem unteren Abstand der oberen Zeile und dem oberen Abstand der unteren Zeile. Definiere diese beide mal in CSS und schau Dir das Ergebnis dann noch einmal an.

Leider ist die Berechnungsvorschrift nach meiner Erfahrung zwischen den Browsern nicht kompatibel: Der eine nimmt vermutlich das Maximum von beiden, der andere die Summe ... wenn beide Werte relativ klein sind, kann man den Schmerz noch halbwegs ertragen. :-(

[Thomas J.S.]

Hallo Thomas!

====== DIV =====
ÜBERSCHRIFT (in der Klasse "rosa")
TEXT (in der Klasse "zwo")
TEXT (..)
TEXT (..)
====== /DIV ======

Zwischen zwei p's bekommst du immer eine "Leerzeile".
Da müsstest du mit negativen Margins arbeiten.

Ein kleine Hilfe findest du unter
http://www.unet.univie.ac.at/~a9105535/forum/heading1.html .dort habe ich mal etwas ähnliches "behandelt"

Grüße
Thomas

[Joachim]

hi,

hm, 'span' ist ja ein Inline-element, wie hast Du es denn versucht?

DIV.zwo {font-family:Arial,Helvetica;font-size:14px;color:#ffffff;}
span.rosa {font-family:Arial,Helvetica;font-size:14px;color:#ff33cc;}

und dann

<Div class="zwo"><span class="rosa">Ueberschrift</span>
<BR>TEXT (in der Klasse "zwo")</DIV> >

funktioniert bei mir NC 4.5 / Mac

Gruesse  Joachim