Re: Inline h*ll

On Mon, 24 Jan 2000, Matthew Brealey wrote:
> Indeed. The problem occurs with something like:
>    P { line-height: 1.4; background: green; }
>    SPAN.insideP { background: red; }
>
> SPAN.insideP's background would look stupid - it wouldn't be lined
> up with the top of the line box.

Assuming this markup:

   <P>
     some text <SPAN class="insideP"> span </SPAN> some text
   </P>

...then the "span" text's background would appear as in this
screenshot:

   http://www.bath.ac.uk/%7Epy8ieh/internet/projects/wwwstyle/inline-bg1-reference.gif

Looks fine to me.

 
>>    block { line-height: 2; }
>>    span { background: something; }
> Under CSS as it stands, this would result in:
>   +---------------------------+
>   |                           |
>   |                           |
>   |mmmmmmmmmmmmmmmmmmmmmmmmmmm|
>   |mmmmmmmmmmmmmmmmmmmmmmmmmmm|
>   |                           |
>   |                           |
>   +---------------------------+
> where m indicates the background, with the rest of the line box
> transparent. This _would_ look ugly. Cf. my proposal:
>   +---------------------------+
>   |mmmmmmmmmmmmmmmmmmmmmmmmmmm|
>   |mmmmmmmmmmmmmmmmmmmmmmmmmmm|
>   |mmmmmmmmmmmmmmmmmmmmmmmmmmm|
>   |mmmmmmmmmmmmmmmmmmmmmmmmmmm|
>   |mmmmmmmmmmmmmmmmmmmmmmmmmmm|
>   |mmmmmmmmmmmmmmmmmmmmmmmmmmm|
>   +---------------------------+

Well, putting the issue of "ugliness" aside (I disagree, but it's
subjective so never mind), what you want can be done simply by putting
a background on the block. So why prevent the alternative?

-- 
Ian Hickson                            ("`-''-/").___..--''"`-._   
http://www.bath.ac.uk/%7Epy8ieh/        `6_ 6  )   `-.  (     ).`-.__.`)
                                        (_Y_.)'  ._   )  `._ `. ``-..-' fL
Member, Mozilla Quality Assurance     _..`--'_..-_/  /--'_.' ,'
Browser Standards Compliance Team    (il).-''  (li).'  ((!.-'    

Received on Monday, 24 January 2000 08:02:40 UTC