Re: Position of ALT text on IMG

> 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 UTC