Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

advance problem: "stretch" a background image

1 view
Skip to first unread message

Nicole

unread,
Jan 8, 2009, 4:38:19 AM1/8/09
to
Hi User,

I have an image, which I want to be the background of a table and / or table-cells.

e.g. such a table:
<table width="100%" cellspacing=4 cellpadding=7 border=2>
<tr><td>&nbsp;</td>
<th>test 1111111111</th><td>&nbsp;</td>
<th>test 2222222222</th><td>&nbsp;</td>
</tr>
</table>

To get the image into the background is easy: You just write background=url or similar to the td-tag or to the stylesheet.

The problem comes here:
I am not able to determine HOW the image is repeated in the single cell. "repeat: no repeat" is not done properly.

And what I am not able to do at all: Draw the image STRETCHED to the individual cell in its whole of 100%.

What I want to do, is a color effect like this:
http://tanz.or.at/

But I do not want to apply this 100%-stretch-effect to the background-image of the whole site (would be easy), but to the background of just a single cell of a table.

Can somebody give me a hint how to do this?


Thanks,
Nicole

Steven - Programmer with Next Step Pro Design

unread,
Jan 19, 2009, 11:24:21 AM1/19/09
to
Try it this way
<td colspan="7" align="center" valign="middle" background="yourpicture.jpg"
bgcolor="#DDDDDD"><div align="center"></td>

As far as streching your image I would reccommend using fireworks and set
your canvas to the exact size you want and then streching your picture to
the exact px size you want. This will allow for you to be exact and not
have the trouble with adjusting the cell to fit the picture but the picture
to adjust to the cell. Have the table be the size that you want. Just fit
the image to it in a image editor that allows for you to adjust to the exact
px that you want.

As far as the color goes, that guy is using his css to control the
background. This is the code he used:
body { background-image:url(images/backgrou.gif);
scrollbar-base-color:#FEF0C7; }

As you can see it is simply a very large image file. No fancy tricks. If
you want to look at his CSS you can go to this URL:
http://tanz.or.at/tanzstyl.css Remember that all CSS files do is control
the look and feel and a few other options in your site. I would reccommend
you build your own and not copy someone elses to get a good feel for your
own stuff. Hope this post helps.

Steven King
Next Step Pro Design

"Nicole" <Wagner> wrote in message news:xn0g4x3n...@news.inode.at...

0 new messages