text-indent und first-letter

[michel]

hallo alle zusammen,

ich würde gern per CSS den ersten buchstaben in jedem absatz ein stück gößer und fett darstellen. außerdem soll die erste zeile um 30px eingerückt sein.

also bspw. unter anwendung einer klasse:
<p class="begin">Text, TextText...</p>

soweit sogut.

also dachte ich mir, ich definiere die folgende klasse:

p.begin:first-letter{
text-indent : 30px;
font-size : larger;
font-weight:bold;
}

Leider klappt das nicht mit dem Text-Indent...
Zwar wird der erste Buchstabe so dargestellt, wie ich es haben will, aber der Einzug klappt nicht so ganz... jemand eine idee, weshalb? ;-)

vielen dank für eure hilfe,

grüße,
michel

[André Laugks]

Hallo!

p.begin:first-letter{
text-indent : 30px;
font-size : larger;
font-weight:bold;
}

Du wendest text-ident auf den ersten Buchstaben an, also wird die erste Zeile nicht eingerückt.

schreibe es so:

p.begin {
  text-indent : 30px;
}

p.begin:first-letter{
  font-size : larger;
  font-weight:bold;
}

MfG, André Laugks
L-Andre @ gmx.de

[MudGuard]

Hi,

p.begin:first-letter{
text-indent : 30px;
font-size : larger;
font-weight:bold;
}

p.begin { text-indent:30px; }

p.begin:first-letter { font-size:larger; font-weight:bold; }

Ach ja, wenn Du schon mit relativen Fontgrößen arbeitest, solltest Du den indent auch in Abhängigkeit von der Fontgröße machen, also mit ex oder em: 10ex;

Andreas

[michel]

vielen dank ihr beiden !!!