Computing.Net > Forums > Web Development > background image wrapping in cell

Computer Problems? Computing.Net has over 1,000,000 posts about all things technology related! Over 90% answered within 24 hours! Click here to start participating now! Also, be sure to check out the New User Guide.

background image wrapping in cell

Reply to Message Icon

Name: marky81
Date: July 21, 2005 at 01:25:32 Pacific
OS: Windows XP SP2 Home Editi
CPU/Ram: AMD Athlon 1.8GHz, 1GB RA
Comment:

I've been creating a website, and my favoured way to do is is create a table and use images across the top and down the left hand side for navigation and effect.

The only problem is, don't want the background image on the left hand side cell to wrap as the page gets bigger.

Is there any way to stop the image wrapping in a table cell??

AMD Athlon XP 1.8GHz
1GB RAM
120GB HDD SATA
GeForce 4 Ti4600 128MB
Nvidia nforce2 chipset w/ soundstorm
Pioneer DVD/RW
ABIT NF-7S Rev 2 Motherboard



Sponsored Link
Ads by Google

Response Number 1
Name: Michael J (by mjdamato)
Date: July 21, 2005 at 08:11:32 Pacific
Reply:

Not sure what you mean by wrap. Do you mean that the image reapeats? If so, there are a couple things you can do.

1. Use the proper style property to prevent the image from repeating. I "believe" it is simply "background-repeat=no-repeat". You could implemetn it either in-line or a style sheet.

2. Hard code the height & width of the cell to be exactly the same size as the background image.

Michael J


0

Response Number 2
Name: marky81
Date: July 21, 2005 at 08:33:45 Pacific
Reply:

Great thanks, I't'll be the first option I'll use as the cell has to 'grow' if I want any page content to be longer than the side image.

I just want it to get bigger with the background colour and NOT the background image.

Thanks again! :)

AMD Athlon XP 1.8GHz
1GB RAM
120GB HDD SATA
GeForce 4 Ti4600 128MB
Nvidia nforce2 chipset w/ soundstorm
Pioneer DVD/RW
ABIT NF-7S Rev 2 Motherboard


0

Response Number 3
Name: Michael J (by mjdamato)
Date: July 21, 2005 at 10:12:25 Pacific
Reply:

Then, you can sill use option #2. Just create another "cell" below that one with a height of 100%. I find that using multiple techniques for the same result make for better compatibility among browsers since not every option works with every browser.

Michael J


0

Sponsored Link
Ads by Google
Reply to Message Icon

Related Posts

See More


ASP.NET problem with conn... making .zip files downloa...



Post Locked

This post is quite old and has been locked from receiving new replies. Please create a new posting instead.


Go to Web Development Forum Home


Sponsored links

Ads by Google


Results for: background image wrapping in cell

background images won't load www.computing.net/answers/webdevel/background-images-wont-load/272.html

stretch image to fill cell? www.computing.net/answers/webdevel/stretch-image-to-fill-cell/3179.html

Website Background Images www.computing.net/answers/webdevel/website-background-images/1692.html