RE: [WSG] Auto scaling within a table's background image

[Kepler Gelotte]

> No. Positioned element, not block element.

Ah, thanks for clarifying.

Type attribute?

> this was just a stripped down example to show the concept.

50 what?

> It's what he was asking for help on. 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Auto scaling within a table's background image

[David Dorward]

On 2 Aug 2007, at 16:10, Kepler Gelotte wrote:

One thing to remember is that absolute
positioning is from the next higher block element.


No. Positioned element, not block element.

Doctype?

RE: [WSG] Auto scaling within a table's background image

[Kepler Gelotte]

>Could you show me how to correctly position the image & overlay in
> the content-reserved portion in my example.

Hi Matt,

I'm not sure what you are asking me. One thing to remember is that absolute
positioning is from the next higher block element. If you want to absolutely
position within a portion of a table, try surrounding the table with a 
and position within that container:




img.stretch {
width: 250px; /* 300 - 50 */
height: 250px; /* 300 - 50 */
z-index: -1;
position: absolute;
top: 50;
left: 50;
}

div.overlay {
width: 100%;
height: 100%;
z-index: 1;
}

div.container {
width: 300px;
height: 300px;
z-index: 1;
position: absolute;
border: solid red 1px;
top: 150;
left: 150;
}




Here is some text



 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Auto scaling within a table's background image

[Matt 0000]

Kepler,
Looks like you got right down to the nuts and bolts. Honestly, you
may have inadvertently isolated the nerve of my problem. I was lost in
attempting the use of z-index with absolute positioning. After a few
vain attempts at adjusting the top and left to bring the image&overlay
within the portion marked "CONTENT GOES HERE", I figured I'd have
better luck finding a way to scale an image within a table. Hence the
misleading initial posts !
I'd have to agree on the thumbnailing during ingestion vs.
post-asset-fetch being the better approach. It reduces transfer load
on the response objects and several other inherent delays. However,
the current approach is more for prototyping purposes as well as
settling an off-topic pending point.
Could you show me how to correctly position the image & overlay in
the content-reserved portion in my example.

Thanks,
Matt


On 8/1/07, Kepler Gelotte <[EMAIL PROTECTED]> wrote:
>
>
>
> > My dilemna was and still is to autofit an image of any size (entire image
> should be viewable) within the table's background image property using the
> style attribute. This "table" is currently no more than roughly 100 pixels
> on either side.
>
>
>
>
> Hi Matt,
>
>
>
> Here is a sample mockup I created using an overlay technique. Substitute the
> table for the div in your case. A better approach may be to resize the image
> on the server when the user uploads it using the GD2 library. I used the
> image resizing and cropping facilities for my home grown CMS.
>
>
>
> 
>
> 
>
> 
>
>
> img.stretch {
>
>
> width:
> 500px;
>
>
>
> height: 300px;
>
>
>
> z-index: -1;
>
>
>
> position: absolute;
>
>
> top:
> 50;
>
>
> left:
> 50;
>
>
> }
>
>
>
>
> div.overlay {
>
>
> width:
> 500px;
>
>
>
> height: 300px;
>
>
>
> z-index: 1;
>
>
>
> position: absolute;
>
>
> top:
> 50;
>
>
> left:
> 50;
>
>
> }
>
> 
>
> 
>
> 
>
>  class="overlay">Here is some text
>
>  src="logo.jpg" class="stretch" />
>
> 
>
> 
>
>
>
>
>
> Best of luck,
>
> Kepler Gelotte
>
> ***
> 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]
***

RE: [WSG] Auto scaling within a table's background image

[Kepler Gelotte]

> My dilemna was and still is to autofit an image of any size (entire image
should be viewable) within the table's background image property using the
style attribute. This "table" is currently no more than roughly 100 pixels
on either side. 

 

Hi Matt,

 

Here is a sample mockup I created using an overlay technique. Substitute the
table for the div in your case. A better approach may be to resize the image
on the server when the user uploads it using the GD2 library. I used the
image resizing and cropping facilities for my home grown CMS.

 







 
img.stretch {

 
width: 500px;

 
height: 300px;

 
z-index: -1;

 
position: absolute;

 
top: 50;

 
left: 50;

}

 

 
div.overlay {

 
width: 500px;

 
height: 300px;

 
z-index: 1;

 
position: absolute;

 
top: 50;

 
left: 50;

}







Here is
some text







 

 

Best of luck,

Kepler Gelotte



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Auto scaling within a table's background image

[Hassan Schroeder]

Matt  wrote:


The specific portion of the code I'm having a problem with was
inlcuded on my first post. The code that was not included is just
regular table based border wrapping. I bet most if not all the members
here are of the "been there, done that" experience level, which is why
I didn't bother illustrating it.


Yeah, "been there, done that" (since 1993), but...


I'm going to write an example here for your convenience:


..without a real sample /with images/, I don't know if your "border"
is supposed to be solid color, a complex geometric pattern that has
to match at the corners, a cutout piece of a photo-realistic image,
what -- and it *does* make a difference how *I*, at least, would
approach this problem using CSS.

Hence my suggestion that you provide a *real* example. Or two :-)

--
Hassan Schroeder - [EMAIL PROTECTED]
Webtuitive Design ===  (+1) 408-938-0567   === http://webtuitive.com

   dream.  code.



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Auto scaling within a table's background image

[Matt 0000]

Hassan,
The specific portion of the code I'm having a problem with was
inlcuded on my first post. The code that was not included is just
regular table based border wrapping. I bet most if not all the members
here are of the "been there, done that" experience level, which is why
I didn't bother illustrating it.

I'm going to write an example here for your convenience:






  



  



  







  





  







  



  



  





The portion commented as "CONTENT GOES HERE" is a placeholder for how
an image needs to be displayed. A simple  embedded in a  will
work. For another notch, a table element that allows it cells to act
as overlays is possible too. This is the approach I've taken. A rough
example was included on my first post. If you follow the responses to
it, there were suggestions to get most of what I intended it for, done
in CSS, as it was considered standard. So the quote below was meant to
be a response to individuals who knew how.

> > I'm still waiting on someone to post a newer standardized approach to
> > acheive the same effect.

Matt


On 8/1/07, Hassan Schroeder <[EMAIL PROTECTED]> wrote:
> Matt  wrote:
>
> > I guess there were a couple of concerns raised. One of them was the
> > justification of the table's use. I chose it only because it
> > is "currently" the only way I know to put pretty borders (outer and
> > inner) around and within an image.
> /
> > I'm still waiting on someone to post a newer standardized approach to
> > acheive the same effect.
>
> I think you'd have a better chance of getting specific help if you
> posted a complete example (or two) of your current approach. :-)
>
> --
> Hassan Schroeder - [EMAIL PROTECTED]
> Webtuitive Design ===  (+1) 408-938-0567   === http://webtuitive.com
>
>dream.  code.
>
>
>
> ***
> 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]
***

Re: [WSG] Auto scaling within a table's background image

[Hassan Schroeder]

Matt  wrote:

I guess there were a couple of concerns raised. One of them was the 
justification of the table's use. I chose it only because it 
is "currently" the only way I know to put pretty borders (outer and 
inner) around and within an image. 

/
I'm still waiting on someone to post a newer standardized approach to 
acheive the same effect.


I think you'd have a better chance of getting specific help if you
posted a complete example (or two) of your current approach. :-)

--
Hassan Schroeder - [EMAIL PROTECTED]
Webtuitive Design ===  (+1) 408-938-0567   === http://webtuitive.com

   dream.  code.



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Auto scaling within a table's background image

[Matt 0000]

Lisa,
My DOCTYPE is HTML 4.01 Transitional. I'm trying to understand the
importance of strict adherence to standards as pointed out by Stuart and
David. This also includes your comments:

> 5.4 If a table is used for layout, do not use any structural markup
> for the purpose of visual formatting.

By "structural markup" were you referring to the use of  and 
elements to give content it's intended look ?

My last response to Daniel Kendrick was mixed with long term intent. I hope
that post didn't mislead anyone here to believe that I was using tables to
control the layout of an entire page or even close to 50% of it. CSS page
layouts are sufficient for now. My dilemna was and still is to autofit an
image of any size (entire image should be viewable) within the table's
background image property using the style attribute. This "table" is
currently no more than roughly 100 pixels on either side.

I guess there were a couple of concerns raised. One of them was the
justification of the table's use. I chose it only because it is "currently"
the only way I know to put pretty borders (outer and inner) around and
within an image. The tabular elements  and  are currently used to
position these borders appropriately, using a combination of width and
height attributes. While I'm being continously clued in by everyone's
responses here that these are outdated practices, I'm still waiting on
someone to post a newer standardized approach to acheive the same effect.


David, Stuart,
While I respect your intent, I prefer good advice to be complimented in
the technical world by sound examples. If this is the wrong forum to be
seeking such advice, please point me in the right direction.

Regards,
Matt


On 8/1/07, lisa herrod <[EMAIL PROTECTED]> wrote:

> On 01/08/07, David Dorward <[EMAIL PROTECTED]> wrote:
> >
> > On 1 Aug 2007, at 09:34, lisa herrod wrote:
> > > On 01/08/07, Stuart Foulstone <[EMAIL PROTECTED]> wrote:
> > >> Web Standards say only use tables for tabular data - not
> > >> presentation.
> > >
> > > Stuart, I think you're referring to WGAG 1.
> >
> > Lets look at HTML 4.01 instead, which is somewhat clearer on the
> > subject:
>
> hmmm I must have missed the email re doctype. Matt, what doctype
> are you using?
> in any case, I don't think it really matters.
>
> Let's get back on topic.
>
> Matt, your initial question was:
>
> "Is there a standardized way to present this without resolving to a
> Javascript or CSS hack ?"
>
> I'd say you have two choices: tables or CSS (or both).
>
> Most people will advise against you using tables for layout. However,
> if you do use them... don't nest them and don't use any markup that
> will identify them as tabular data - unless it is.
>
> Guys feel free to jump in with any CSS layout advice! :)
>
> Lisa
>
>
> ***
> 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]
***

Re: [WSG] Auto scaling within a table's background image

[lisa herrod]

On 01/08/07, David Dorward <[EMAIL PROTECTED]> wrote:
>
> On 1 Aug 2007, at 09:34, lisa herrod wrote:
> > On 01/08/07, Stuart Foulstone <[EMAIL PROTECTED]> wrote:
> >> Web Standards say only use tables for tabular data - not
> >> presentation.
> >
> > Stuart, I think you're referring to WGAG 1.
>
> Lets look at HTML 4.01 instead, which is somewhat clearer on the
> subject:

hmmm I must have missed the email re doctype. Matt, what doctype
are you using?
in any case, I don't think it really matters.

Let's get back on topic.

Matt, your initial question was:

"Is there a standardized way to present this without resolving to a
Javascript or CSS hack ?"

I'd say you have two choices: tables or CSS (or both).

Most people will advise against you using tables for layout. However,
if you do use them... don't nest them and don't use any markup that
will identify them as tabular data - unless it is.

Guys feel free to jump in with any CSS layout advice! :)

Lisa


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Auto scaling within a table's background image

[David Dorward]

On 1 Aug 2007, at 09:34, lisa herrod wrote:

On 01/08/07, Stuart Foulstone <[EMAIL PROTECTED]> wrote:
Web Standards say only use tables for tabular data - not  
presentation.


Stuart, I think you're referring to WGAG 1.


Lets look at HTML 4.01 instead, which is somewhat clearer on the  
subject:


Tables should not be used purely as a means to layout document  
content as this may present problems when rendering to non-visual  
media. Additionally, when used with graphics, these tables may force  
users to scroll horizontally to view a table designed on a system  
with a larger display. To minimize these problems, authors should use  
style sheets to control layout rather than tables.


 -- http://www.w3.org/TR/html4/struct/tables.html


I'm not at all advocating the use of tables for layout, but where it
is absolutely necessary:


I don't think I've ever encountered a situation where it was  
"absolutely necessary" to use tables for layout. It might be the only  
way to achieve a given presentation, but is that presentation really  
"absolutely necessary"?


--
David Dorward
http://dorward.me.uk/
http://blog.dorward.me.uk/




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Auto scaling within a table's background image

[lisa herrod]

Hi there


On 01/08/07, Stuart Foulstone <[EMAIL PROTECTED]> wrote:
> Hi,
>
> This is the Web Standards Group.
>
> Web Standards say only use tables for tabular data - not presentation.


Stuart, I think you're referring to WGAG 1. It does *sort of* say
that, but not quite...

While it's not best practice to use tables for layout, it's not
illegal. if that were the case, I'd have been locked up for a long
time in the late 90's :)

I'm not at all advocating the use of tables for layout, but where it
is absolutely necessary:


5.3 Do not use tables for layout unless the table makes sense when
linearized. Otherwise, if the table does not make sense, provide an
alternative equivalent (which may be a linearized version).

5.4 If a table is used for layout, do not use any structural markup
for the purpose of visual formatting.

[WCAG 1.0 P2]

hope that clears it up a bit...

Lisa


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Auto scaling within a table's background image

[Stuart Foulstone]

Hi,

This is the Web Standards Group.

Web Standards say only use tables for tabular data - not presentation.

I'm not sure what your tabular data is here?

-- 
Stuart Foulstone.
http://www.bigeasyweb.co.uk
BigEasy Web Design
69 Flockton Court
Rockingham Street
Sheffield
S1 4EB

Tel. 07751 413451

On Tue, July 31, 2007 5:02 pm, Matt  wrote:
> 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:
>
>  border="0"
>
> style="background-image:url(images/image1.gif);background-position:
> center;
>background-repeat: no-repeat; background-attachment:
> fixed;">
>   
> 
>   
> 
> 
> 
>   some text here...
> 
>   
> 
>
> 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]
***

Re: [WSG] Auto scaling within a table's background image

[Matt 0000]

Daniel,
Consider an online photo album. Once you're on the page, the thumbnails
for any content (video/images) only consumes a certain portion of a page,
say about 60-75%, much like the content area for an online email service. In
order to make the thumbnails look presentable and informative, one could
surround these with borders that represent the type of content. The sky's
the limit on the aesthetics. Without CSS3, well rounded corner images with
shadow effects often end up being segmented into a fair amount of files,
especially if the user has some say in how these borders look. The user
would be presented with different border colors, edges, shadows, etc., to
finally decide how these thumbnails become usable. Some part of these
thumnails might reserve space to present the name of the image, or perhaps
the date they were created, and so on...
Now, should these scale flexibly as the browser goes full screen, or if
the desktop resolution changes ? Probably not today, for most needs.
However, it would help to keep the approach open enough for such
requirements in the future. What is certain is that images come in all
sizes. Short of pre-scaling the image with Javascript or other server side
tools prior to presenting in the above discussed format, I would be
interested to see it done using a simpler HTML/CSS approach.
I have tried a couple of methods inlcuding tagging the  between a
 element with the appropriate width and height. It works. However, I
lose the ability to set other partial images or CSS colored lines on top of
this. With an image set as a table background, any  cell can contain an
image or text style even, that can be used to overlay the background. Doing
it dynamically through DIVs won't be a problem as well. This approach suits
almost all of my needs, except for the fact that the image won't "fit"
completely within the table background defined space.

Matt

On 7/31/07, Daniel Kendrick <[EMAIL PROTECTED]> wrote:
>
> Matt,
>
> Give me more details. What type of border is this around your page
> content?
>
> like if you had a square you have a series of images surrounding this
> square creating a border? So that if the square scales the border scales
> with it?
>
> I am no purist however i do believe tables should be used for tabular data
> and the extra time should be taken to find a suitable solution using CSS.
>
> I have done several things using the parent child relationship CSS has to
> offer.
>
> --DK
>
> On 7/31/07, Matt  <[EMAIL PROTECTED]> wrote:
> >
> >
> > 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 
> > > *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:
> > >
> > >
> > >
> > >  > > border="0"
> > >
> > > style="background-image:url(images/image1.gif);background-position: 
> > > center;
> > >

Re: [WSG] Auto scaling within a table's background image

[Daniel Kendrick]

Matt,

Give me more details. What type of border is this around your page content?

like if you had a square you have a series of images surrounding this square
creating a border? So that if the square scales the border scales with it?

I am no purist however i do believe tables should be used for tabular data
and the extra time should be taken to find a suitable solution using CSS.

I have done several things using the parent child relationship CSS has to
offer.

--DK

On 7/31/07, Matt  <[EMAIL PROTECTED]> wrote:
>
>
> 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 
> > *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:
> >
> >
> >
> >  > border="0"
> >
> > style="background-image:url(images/image1.gif);background-position: center;
> >background-repeat: no-repeat; background-attachment:
> > fixed;">
> >   
> > 
> >   
> > 
> > 
> > 
> >   some text here...
> >
> > 
> >   
> > 
> >
> >
> >
> > 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]
> ***
>


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Auto scaling within a table's background image

[Matt 0000]

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 
> *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:
>
>
>
>  border="0"
>
> style="background-image:url(images/image1.gif);background-position: center;
>background-repeat: no-repeat; background-attachment:
> fixed;">
>   
> 
>   
> 
> 
> 
>   some text here...
>
> 
>   
> 
>
>
>
> 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]
***

RE: [WSG] Auto scaling within a table's background image

[Mark L Hedley]

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

 


  

  



  some text here...


  


 

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]
***