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

Re: Position of ALT text on IMG

From: Matthew Brealey <thelawnet@yahoo.com>
Date: Thu, 11 Nov 1999 09:00:29 -0800 (PST)
Message-ID: <19991111170029.23807.rocketmail@web902.mail.yahoo.com>
To: www-style <www-style@w3.org>
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.


<div class="photos">
<img src="taj.gif" alt="The Taj Mahal" width="200"
<img src="eiffel.gif" alt="The Eiffel Tower"
width="200" height="200">

DIV.photos IMG:placeholder {
size: full;

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


<a href="mailto:"><img src="email.gif" height="40"
width="40" alt="E-mail"></a>

A IMG:placeholder {size: inline;


<a href="mailto:"><img src="email.gif" height="40"
width="40" alt="E-mail">E-mail me</a>

A IMG:placeholder {display: none}

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}

From Matthew Brealey (http://members.tripod.co.uk/lawnet (for law)or http://members.tripod.co.uk/lawnet/WEBFRAME.HTM (for CSS))
Do You Yahoo!?
Bid and sell for free at http://auctions.yahoo.com
Received on Thursday, 11 November 1999 12:00:30 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:26:52 UTC