On Thu, 28 Dec 2006 02:34:59 +0100, Jonas Delfs <jonas@delfs.dk>
wrote:
>Er det muligt at sætte bredden på et heading-element (h1, h2, etc) så
>den automatisk tilpasser sig teksten, som det er tilfældet med andre
>tekst-elementer (p, span, etc)?
>Min situation er at jeg skal have stylet nogle headings bl.a. med en
>baggrundsfarve som helst ikke skulle strække sig udover selve teksten.
H1, h2 opfører sig på samme måde som p.
De er blok-elementer og fylder normalt den fulde bredde af den blok,
de er indlejret i, dvs. sidens bredde, hvis ikke de er pakket ind i en
div eller andet.
Span er et inline-element og fylder kun som den tekst den omklamrer.
Så din løsning er nok at lægge en span om teksten i din h1, h2 og så
sætte baggrundsfarvenm på span'en i stedet for på fx h1'en.
H1, h2 og p fylder stadig den fulde bredde, men du kan nøjes med at
farvelægge baggrunden på selve teksten ved at lægge farven på den
indlejrede span.
Jeg har lavet et eksempel på:
<url:
http://www.marxisme.dk/test/baggrund.htm>
I eks. 1 er der lagt farve på h1, h2 og p, mens den i eks.2 er lagt på
en indlejret span.
I eks.2, afsnit 2 er lagt forskellige farver på p'en og den indlejrede
span. Jeg har givet lidt forskellig padding, så det bliver tydeligere,
hvad der er hvad.
Som du kan se af den lyserøde farve, fylder p'en stadig den fulde
bredde.
Good luck!
--
Jørn Andersen,
Brønshøj