Computing.Net > Forums > Web Development > Auto Resize Image

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.

Auto Resize Image

Reply to Message Icon

Name: tau_titan
Date: July 25, 2005 at 02:30:30 Pacific
OS: Win XP
CPU/Ram: Athlon 2700+ / 512 PC2700
Comment:

I have a website and would like to have an image behind my nav bar. Nothing special just a diagonal gradient or something along those lines. I was wondering if there was any way in which i could stretch the image depending on the size of the page without having to have separate pixel perfect images for each one.

Many Thanks,

Matt

www.bbcomputing.co.uk

matt@bbcomputing.co.uk



Sponsored Link
Ads by Google

Response Number 1
Name: Michael J (by mjdamato)
Date: July 25, 2005 at 06:28:13 Pacific
Reply:

The easiest way I can think of is to include your nav bar inside a table cell. Then, include the gradient image as an element within the cell and give it a width of 100%. You would need to use the z-index property in order to show elements on top of the image.

Michael J


0

Response Number 2
Name: tau_titan
Date: July 25, 2005 at 06:33:32 Pacific
Reply:

Cheers m8 any tutorials on this as although i have a website i am not too sure about how to use things as "elements."

Matt

www.bbcomputing.co.uk

matt@bbcomputing.co.uk


0

Response Number 3
Name: Michael J (by mjdamato)
Date: July 25, 2005 at 09:18:48 Pacific
Reply:

By "element" I mean a piece of content within the cell as opposed to setting the image as the background of the cell (e.g. using the IMG tag). You can do a Google search of "CSS z-index" on how to use that feature.

Michael J


0

Response Number 4
Name: tau_titan
Date: July 25, 2005 at 11:05:58 Pacific
Reply:

Thanks again m8.

Matt

www.bbcomputing.co.uk

matt@bbcomputing.co.uk


0

Sponsored Link
Ads by Google
Reply to Message Icon

Related Posts

See More







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: Auto Resize Image

Upload resized image in PHP www.computing.net/answers/webdevel/upload-resized-image-in-php/1502.html

resize images in forums? ( BBcode) www.computing.net/answers/webdevel/resize-images-in-forums-bbcode/3817.html

Resizing images www.computing.net/answers/webdevel/resizing-images/2022.html