Re: Proposing content-hidden for background-image and img content

On 9/9/2011 8:53 AM, Brad Kemper wrote:
>
> Sent from my iPad
>
> On Sep 8, 2011, at 10:54 PM, Alan Gresley<alan@css-class.com>  wrote:
>
>> On 9/09/2011 11:36 AM, Brad Kemper wrote:
>>>
>>> On Sep 8, 2011, at 6:07 PM, Alan Gresley<alan@css-class.com>   wrote:
>>>
>>>> <img src="image-x50px-y50px" alt="this is some alt text that is
>>>> rather quite long">
>>>>
>>>>
>>>> If we were to hide the image and show the alt text while
>>>> maintaining the box sizing, what becomes of the overflow?
>>> I would expect it to be as though the image bounds had
>>> 'overflow:visible' on it, so it wouldn't create layout differences.
>>
>> So you are suggesting that the overflowing text should overlap other content.
> Yeah, with a solid white background.
>
>> I see Boris sees the same dilemma by saying "That would make the text unreadable in many cases."
>>
>> I will add that this somewhat destroys the reasons for wanting this property and value in the first place.
> Well, there is always going to be some tradeoffs involved. Maybe the image is 'overflow: hidden' until you hover over it. I'm thinking layout shouldn't be altered for cases like below:
>
> <img src='spacer.gif' alt='I was put here by an author who's never heard of margin:1px' width=1 height=1>
>
> <img src='g.gif' alt='tracking beacon for xyz.com' width=1 height=1>

In the context of my original post; I'd leave it up to the author to 
decide on what their intent is. With -most- tags, the user can simply 
mouse over the tag or use an AT, to get the full text.
I've had to use that with title="" in quite a few instances.

The author should be free to decide whether they want reflow, absolute 
positioning, or clipping, when using css, at least.
This would clip to the dimensions of the image. It's true, it would not 
be that legible. But if it's supported, the pseudo-elements
methods could support it, both using absolute positioning, or reflow. 
Again, it's author's decision.

<img src="image.png" alt="my alt text" width="10" height="10" 
style="content: attr(alt) transparent;" />

Received on Friday, 9 September 2011 17:41:34 UTC