Web Wiz Forums - Background

Print Page | Close Window

Background

Printed From: Web Wiz Forums
Category: Web Wiz Web App Support Forums
Forum Name: Web Wiz Forums
Forum Description: Support forum for Web Wiz Forums application.
URL: https://forums.webwiz.net/forum_posts.asp?TID=15669
Printed Date: 13 April 2026 at 8:55am
Software Version: Web Wiz Forums 12.08 - https://www.webwizforums.com

Topic: Background

Posted By: Paramount X
Subject: Background
Date Posted: 30 June 2005 at 2:32am

I notcie that some text looks wierd on parts of the Bk is there a why i can stretch the bk so its not in tiles. Someoen was telling somehting about 100%.

Replies:

Posted By: dpyers
Date Posted: 30 June 2005 at 9:58am

Can you give an example?
You can replace the bg pics with any other pics you want that might create a smoother look.

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: Paramount X
Date Posted: 30 June 2005 at 12:12pm

Yes. I can give you a example http://bb.domaindlx.com/ParamountX/forum/ - http://bb.domaindlx.com/ParamountX/forum/ .

I really don't want to chnge the BK imge

Posted By: dpyers
Date Posted: 30 June 2005 at 12:56pm

I see what you mean.
The only way I know how to do it would be by the css method used here
http://www.sitetechnique.com/background.htm - http://www.sitetechnique.com/background.htm
A "View source" will show how it's done.

It would entail putting a div with a lower z-index in the table cell with a height + width of 100%. You'd probably also have to put a div with a higher z-index on top of it for any text content.

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: Paramount X
Date Posted: 30 June 2005 at 1:14pm

Um I am not totally smart about web designing. Can you put those in simplier words. I know abut view source.

Posted By: dpyers
Date Posted: 30 June 2005 at 7:00pm

z-index is the layer order. Basically, using css, you can put one div on top of another div. The bottom div can contain a picture that resizes automatically as the page resizes.

So, in the table cell that has your background graphic, put a div with your background graphic in it on the bottom, and a div with any text on the top.

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: Paramount X
Date Posted: 30 June 2005 at 10:10pm

Aw man, you made me had to say it. I don't know jaq squat(microscopic little) about ASP

Posted By: Paramount X
Date Posted: 30 June 2005 at 10:51pm

Const strBgImage = "backgruoundpath" now i want that to be 100% wdith and height. How do i do that. What your saying i do not understand

Posted By: dpyers
Date Posted: 01 July 2005 at 11:26am

I'll have to test a solution. I'll get you some code this weekend.

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: Paramount X
Date Posted: 01 July 2005 at 12:06pm

Ok. Thank you. I did'nt realize it was a big thing in ASP to resize a image. Show how much I know. I though it would be like HTml like width=100% and you know.

Posted By: dpyers
Date Posted: 01 July 2005 at 8:44pm

Actually, its not a big thing in asp. It's a big thing in html. Html can automatically resize an image - just not a background image. It will attempt to tile a background image if the container is larger than the image.

One way around this is to use a background image that is larger than any likely screen size you may encounter. For backgrounds that may need to expand in width, this usually means an image that is 2048 pixels wide. The downside of this is the background image wont shrink to scale. If the html container is less than the width of the background image, the image gets trimmed - not shrunk.

In order to have a background image that scales as it's container changes size, you need to use css.

So the work comes down to...

Figure out some css that can scale a background image in an html container and create a new css class name for it.
Test the css. First with a background for a <td> (table cell). If that doesn't work, test some html using a <div> within the <td> with the new css class being assigned to the div.
Change the asp code to write different html specifying the new css class but only for those table cells you want.

Using asp to write different html is the easy part. Using css to overcome the flaws in html handling of background images, and then testing new html necessary to make it work, is the hard part.

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: Paramount X
Date Posted: 02 July 2005 at 12:52pm

ok erm. again i am not the expertise in asp

Const strBgImage = "img class="img.bgImage" src=" http://www.web-zone.org/sfondi/images/XboxWall.JPG - http://www.web-zone.org/sfondi/images/XboxWall.JPG " />

img.bgImage {/* scalable em size class 10000 x 1000 graphics */
width: 1000em;
height: 1000em;
}