I have a table that is 85% width, how do I create an image for the header row
where the image contains text on the right side and a watermark that fills up
the left side.

If I create an image that is 640pixels, it's too small and leaves blank space
in the table. If I create the image 1,000 pixels, it increases the size of the
table.

How can I create an image where the text and the watermark don't get
stretched, but still have it fit perfectly into an 85% table width?

I'm using PSPPhotoX2 to create the image.

Thanks

"Eyesaretired" <webforumsuser@macromedia.com> wrote in message
news:g6lc6l$pqn$1@forums.macromedia.com...
>
> I have a table that is 85% width, how do I create an image for the header
> row
> where the image contains text on the right side and a watermark that fills
> up
> the left side.
>
> If I create an image that is 640pixels, it's too small and leaves blank
> space
> in the table. If I create the image 1,000 pixels, it increases the size
> of the
> table.
>
> How can I create an image where the text and the watermark don't get
> stretched, but still have it fit perfectly into an 85% table width?
>
> I'm using PSPPhotoX2 to create the image.

An 85% width table will display at many different pixel widths on different
monitors. In one person's browser it will be 1200 px, while in another
person's browser it will be only 500 px.

So, you can't create an image that will fit perfectly into an 85% wide table
on all of those different monitors.

Why are you using a percentage width for the table? If there isn't a good
reason, you could set it in pixels instead.

--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

..oO(P@tty Ayers ~ACE)

>"Eyesaretired" <webforumsuser@macromedia.com> wrote in message
>news:g6lc6l$pqn$1@forums.macromedia.com...
>>
>> I have a table that is 85% width, how do I create an image for the header
>> row
>> where the image contains text on the right side and a watermark that fills
>> up
>> the left side.
>>
>> If I create an image that is 640pixels, it's too small and leaves blank
>> space
>> in the table. If I create the image 1,000 pixels, it increases the size
>> of the
>> table.
>>
>> How can I create an image where the text and the watermark don't get
>> stretched, but still have it fit perfectly into an 85% table width?
>>
>> I'm using PSPPhotoX2 to create the image.
>
>An 85% width table will display at many different pixel widths on different
>monitors. In one person's browser it will be 1200 px, while in another
>person's browser it will be only 500 px.
>
>So, you can't create an image that will fit perfectly into an 85% wide table
>on all of those different monitors.

Correct. But as a background image it doesn't have to fit perfectly.

>Why are you using a percentage width for the table?

To keep the layout flexible?

Just apply the image as a background, use HTML to put some text onto it,
position it with CSS if necessary and that's it. The image could even be
a bit wider than the expected width and fade out to a solid background.

I do a similar thing on my stepbrother's site for example (even though
it's not a table, but the method is the same):

http://ra-pauli.de/

See the top image (the four little texts on top of it may overlap by
intention - the entire "banner" part is just decoration). Resize the
browser window to see its behaviour.

>If there isn't a good
>reason, you could set it in pixels instead.

Flexibility is always a good reason. ;)

Micha

Put this in your CSS (foo can be changed if you wish)

th.foo {
background: pink url(Images/watermark.gif) top left no-repeat;
text-align:right}

Put this in your table's html code:

<th class="foo">this is table heading text;</th>



--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com


"Eyesaretired" <webforumsuser@macromedia.com> wrote in message
news:g6lc6l$pqn$1@forums.macromedia.com...
>
> I have a table that is 85% width, how do I create an image for the header
row
> where the image contains text on the right side and a watermark that fills
up
> the left side.
>
> If I create an image that is 640pixels, it's too small and leaves blank
space
> in the table. If I create the image 1,000 pixels, it increases the size
of the
> table.
>
> How can I create an image where the text and the watermark don't get
> stretched, but still have it fit perfectly into an 85% table width?
>
> I'm using PSPPhotoX2 to create the image.
>
> Thanks
>
>
>
>

>>Why are you using a percentage width for the table?
>
> To keep the layout flexible?

Which works badly for a lot of users, and so I recommend against using -
certainly not for a beginner.

>>If there isn't a good
>>reason, you could set it in pixels instead.
>
> Flexibility is always a good reason. ;)

No, it's really not unless the person has advanced skills to make it work
well.

--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

Hi all, thanks for the input.

I wanted to do a % table so that on a larger monitor, it wouldn't appear too
small if I were to do a pixel table. Likewise, if someone has a very small
monitor, it would still fit.

If I were to do a pixel table, was is the optimum width it should be?

> If I were to do a pixel table, was is the optimum width it should be?

It would depend entirely on your target demographic.


--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Eyesaretired" <webforumsuser@macromedia.com> wrote in message
news:g6nfd6$6tf$1@forums.macromedia.com...
> Hi all, thanks for the input.
>
> I wanted to do a % table so that on a larger monitor, it wouldn't appear
> too
> small if I were to do a pixel table. Likewise, if someone has a very
> small
> monitor, it would still fit.
>
> If I were to do a pixel table, was is the optimum width it should be?
>

..oO(Eyesaretired)

>I wanted to do a % table so that on a larger monitor, it wouldn't appear too
>small if I were to do a pixel table. Likewise, if someone has a very small
>monitor, it would still fit.

Good (and always my preferred layout method). Flexible layouts are a bit
harder to create, but always work on a wider range of user environments
than fixed layouts.

>If I were to do a pixel table, was is the optimum width it should be?

Patty had valid points regarding the layout skills. But if you want to
keep the layout flexible and know at least a bit how to do it, then you
should go that route. For the banner issue I already gave one possible
solution with using a CSS background image.

Fixed width may cause other problems, mainly because there is no optimum
width. You would have to decide for a single width, which might or might
not work for most of your visitors.

So keep it flexible, if possible.

Micha

Up until recently, 790px was considered a safe standard. As of late, more
designers are using wider formats between 900-1000px.

You won't find many professional designers that use fluid widths. They create
more problems than they could ever fix.

> Up until recently, 790px was considered a safe standard.

I disagree. If there were such it would have been closer to 760px which is
about the maximum width you have available in your maximized browser
viewport on an 800px wide screen.

> As of late, more
> designers are using wider formats between 900-1000px.

And smaller too, given the popularity of mobile devices.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"JoeyD1978" <webforumsuser@macromedia.com> wrote in message
news:g6nj9f$aue$1@forums.macromedia.com...
> Up until recently, 790px was considered a safe standard. As of late, more
> designers are using wider formats between 900-1000px.
>
> You won't find many professional designers that use fluid widths. They
> create
> more problems than they could ever fix.
>