Mark,
It was my impression that tables provide a very flexible way to define
boundaries and sub sections within those, regardless of content type -
video, image, text... I kept my question short for the sake of brevity.
However, I'll eventually need a structure that has several images that forms
a border with shadow around the particular table background image in
question. The sizes and scaling for these secondary images are easily
computed with the help of a table. Further more, some parts of this table
will provide constrained texts (think text within an image slide). On top of
this, several such tables will form part of a bigger table (this concept is
quite similar to a thumbnail view of a slide show)
If you perceive the general idea, perhaps you might have examples that
illustrate this using CSS ?
Matt
On 7/31/07, Mark L Hedley <[EMAIL PROTECTED]> wrote:
>
> Just use CSS and DIVS?
>
>
>
> Tables are not so good for this type of thing.
>
>
>
> Cheers.
>
>
>
> *Regards,*
>
>
>
> Mark Hedley
>
> *Voxia Web Development Solutions
>
> *
>
> *Mobile: +44 07894 009 932*
>
> *Office: +44 01670 840 752**
> **Web: **http://www.voxia.co.uk***
>
> * *
>
> Proud Members of: GAWDS (Guild of Accessible Web Designers) | Web
> Standards Group | Independent Web Developers Portal | HTML Writers Guild
>
>
>
> *From:* [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] *On
> Behalf Of *Matt 0000
> *Sent:* 31 July 2007 17:03
> *To:* wsg@webstandardsgroup.org
> *Subject:* [WSG] Auto scaling within a table's background image
>
>
>
>
>
>
>
> My goal is to set the background image of a table and add individual cells
> (text or images) that can be opaque or transparent. The height and width of
> the table is fixed. The image that needs to be set in the table background
> however, is not under my control, and can be larger or smaller than the
> table's viewing area. Tagging the code as shown below does not automatically
> up/down-scale the image to fit within the desired viewing area:
>
>
>
> <table width="100" height="50" cellpadding="0" cellspacing="0"
> border="0"
>
> style="background-image:url(images/image1.gif);background-position: center;
> background-repeat: no-repeat; background-attachment:
> fixed;">
> <tr>
> <td>
> <img src="...">
> </td>
> <td width="30"></td>
> <td>
> some text here...
>
> </td>
> </tr>
> </table>
>
>
>
> Is there a standardized way to present this without resolving to a
> Javascript or CSS hack ?
>
>
>
> Matt
>
>
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> *******************************************************************
>
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> *******************************************************************
>
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
