W3C home > Mailing lists > Public > www-style@w3.org > December 2010

Re: display property proposal: block-inline

From: Antoine Sanchez <ckkoshi@gmail.com>
Date: Thu, 09 Dec 2010 00:54:04 +0000
Message-ID: <AANLkTikfnRSjD1dgWRaxsQFAj4DNa82Ns_WzQOBPscre@mail.gmail.com>
To: Aryeh Gregor <Simetrical+w3c@gmail.com>
Cc: www-style@w3.org
Ok, today I can do something like:

<span style="display:block;font:10px monospace;background:blue;">
 <span style="display:inline-block;width:25%; font:11px arial;background:red;">
 <a href="#">1</a>
 <a href="#">2</a>
 </span>
 <span style="margin-left:-1ex;display:inline-block;width:75%;
font:11px arial;background:green;">blabla</span>
</span>

But, I think there's something wrong, no?

ps: sorry Aryeh for double reply.

On Wed, Dec 8, 2010 at 8:01 PM, Aryeh Gregor <Simetrical+w3c@gmail.com> wrote:
> On Wed, Dec 8, 2010 at 12:35 PM, Antoine Sanchez <ckkoshi@gmail.com> wrote:
>> Assuming i have:
>>
>> <span style="white-space-collapsing: discard">
>>
>>  <span style="inline-block;width:25%;">
>>    <a href="#">1</a>
>>    <a href="#">2</a>
>>  </span>
>>  <span style="inline-block;width:75%;">
>>    <a href="#">1</a>
>>  </span>
>>
>> </span>
>>
>> so the links in the first span will be attached?
>
> As far as I read the draft, it's inherited, so yes.  You'd want to do
>
> <span style="white-space-collapsing: discard">
>  <span style="inline-block;width:25%; white-space-collapsing: collapse">
>   <a href="#">1</a>
>   <a href="#">2</a>
>  </span>
>  <span style="inline-block;width:75%; white-space-collapsing: collapse">
>   <a href="#">1</a>
>  </span>
> </span>
>
Received on Thursday, 9 December 2010 19:07:46 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:35 GMT