W3C home > Mailing lists > Public > www-style@w3.org > November 1999

Re: Position of ALT text on IMG

From: Tantek Celik <tantek@cs.stanford.edu>
Date: Thu, 11 Nov 1999 11:59:07 -0800
To: "www-style@w3.org" <www-style@w3.org>
Message-ID: <1269772121-597215269@psdbay.com>
> This seems to solve the various problems where Image
> graphics are not loaded.
>
> IMG:placeholder or alt or whatever {
> size: full || inline
> }
>
> Full would cause a full size block for IMG.
>
> Size: inline (initial value) would cause the ALT text
> to be displayed inline, but only when the IMG is
> unavailable or when the user has disabled images.

No new property is required for this behavior, simply use:
display:inline-block (as defined in CSS3 UI wd [1]) or
display:inline

> Thus
>
> <div class="photos">
> <img src="taj.gif" alt="The Taj Mahal" width="200"
> height="200">
> <img src="eiffel.gif" alt="The Eiffel Tower"
> width="200" height="200">
> </div>
>
> DIV.photos IMG:placeholder {
> size: full;
> }

DIV.photos IMG:placeholder {
 display:inline-block;
}

> This is to prevent reflow when the user clicks on an
> image to load it.

yes, that should work.

> Or:
>
> <a href="mailto:"><img src="email.gif" height="40"
> width="40" alt="E-mail"></a>
>
> A IMG:placeholder {size: inline;
> }

A IMG:placeholder {display: inline;}

> Or:
>
> <a href="mailto:"><img src="email.gif" height="40"
> width="40" alt="E-mail">E-mail me</a>
>
> A IMG:placeholder {display: none}

precisely.

> If the user insits that they do not want the fullsize
> images, they can add this to their user style sheet:
>
> IMG:placeholder {size: inline !important}

IMG:placeholder {display: inline !important}

Yes, that should work too.

Tantek

[1]
http://www.w3.org/TR/css3-userint
Received on Thursday, 11 November 1999 15:00:15 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:01 GMT