Tom's Guide | Tom's Hardware | Tom's Games
![]() |
![]() |
![]() |
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

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

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

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

![]() |
ASP.NET problem with conn...
|
making .zip files downloa...
|

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