473,322 Members | 1,806 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,322 software developers and data experts.

Streching image background?

Hi

I have an image 700/50 pixels. I want it to be the footer of the web page.
Is there a way to make it streach if the browser view area is larger than
700? What I see today is a blank area after the image size - when for
example I view in 1024 pixels screen.
Thanks
Nov 18 '05 #1
5 1417
"R.A." wrote ...
I have an image 700/50 pixels. I want it to be the footer of the web page.
Is there a way to make it streach if the browser view area is larger than
700? What I see today is a blank area after the image size - when for
example I view in 1024 pixels screen.


Not sure you can 'stretch' it - but I think I know what you mean...

Is the image just a solid colour? Or does it have some picture that would
look daft if repeated?

Regards

Rob
Nov 18 '05 #2
It has a picture
"Rob Meade" <ro********@NO-SPAM.kingswoodweb.net> wrote in message
news:10*********************@news-text.cableinet.net...
"R.A." wrote ...
I have an image 700/50 pixels. I want it to be the footer of the web page. Is there a way to make it streach if the browser view area is larger than 700? What I see today is a blank area after the image size - when for
example I view in 1024 pixels screen.


Not sure you can 'stretch' it - but I think I know what you mean...

Is the image just a solid colour? Or does it have some picture that would
look daft if repeated?

Regards

Rob

Nov 18 '05 #3
"R.A." wrote ...
It has a picture


All the way across or just one one side?

can you pop a URL up so I can see what we're talking about...

My thought being that what you *could* do is still have the image (assuming
a picture on the left within in for simplicity), but align it to the left of
a table (ie, seperate table for the footer) - then fade the image on the
right into one pure colour and then use that as the background colour for
the table cell to the right.

You might have to have a bit of a play with the widths, but something
like...

<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="xxx" align="left"><img src="your_image" width="xxx"
height="yyy" border="0"/></td>
<td><font class="text">&nbsp;</font></td>
</tr>
</table>

replace xxx with the width of the image after you've chopped as much off of
the width as you can (700 pixels wise must make quite a large file size
assuming its not only 10pixels tall or something), do the same with the
sizes in the img tag.

With a bit of luck the other cell will then max out the remaining space....

If it doesn't you might need to stick an invisible image in there and set
its width to 100%, or try setting the second <td>'s width to 100% - because
the image in the first <td> wont be able to be shrunk (unlike text) it
should do what you want...

Again, pop a URL up and I'll happilly give it a go this end and post up any
results I have...

Regards

Rob
Nov 18 '05 #4
Got it

Thanks.
"Rob Meade" <ro********@NO-SPAM.kingswoodweb.net> wrote in message
news:XX*********************@news-text.cableinet.net...
"R.A." wrote ...
It has a picture
All the way across or just one one side?

can you pop a URL up so I can see what we're talking about...

My thought being that what you *could* do is still have the image

(assuming a picture on the left within in for simplicity), but align it to the left of a table (ie, seperate table for the footer) - then fade the image on the
right into one pure colour and then use that as the background colour for
the table cell to the right.

You might have to have a bit of a play with the widths, but something
like...

<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="xxx" align="left"><img src="your_image" width="xxx"
height="yyy" border="0"/></td>
<td><font class="text">&nbsp;</font></td>
</tr>
</table>

replace xxx with the width of the image after you've chopped as much off of the width as you can (700 pixels wise must make quite a large file size
assuming its not only 10pixels tall or something), do the same with the
sizes in the img tag.

With a bit of luck the other cell will then max out the remaining space....
If it doesn't you might need to stick an invisible image in there and set
its width to 100%, or try setting the second <td>'s width to 100% - because the image in the first <td> wont be able to be shrunk (unlike text) it
should do what you want...

Again, pop a URL up and I'll happilly give it a go this end and post up any results I have...

Regards

Rob

Nov 18 '05 #5
"R.A." wrote ...
Got it


Did that work for ya then?

Rob
Nov 18 '05 #6

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Markus Mohr | last post by:
Hi, everyone, I have a special problem: For every monitor resolution in 200 pixel steps from 800 to 1600 pixels I have an image to be shown as centered background-image. Those images all...
7
by: Nilesh | last post by:
I am using background-image attribute in a CSS file and linking the CSS file to aspx page. But strangly, background-image attribute is not working for relative URL. e.g. If I apply following css...
0
by: ameshkin | last post by:
Hi, Im pretty new at PHP and need help with something very simple. I wrote a function which watermarks an image. The function works, but i can't figure out how to output the image into a file. ...
3
by: KNDesign | last post by:
I've set a background image to repeat-y and at 100% height. It appears fine when I open the window, but when I resize to a smaller height so that I must scroll down to see the rest, the background...
6
by: Rob | last post by:
Hello, I'm sure this has come up before. I have need for a collection of all elements/objects in an HTML document that have any kind of an attribute (HTML or CSS) that is making use of a URL to...
1
Ali Rizwan
by: Ali Rizwan | last post by:
Hi all, I want to stretch a picture set on form background. but not want to set the picture in an image box the picture must set on the form background and i don't wanrt to use image control. i...
16
by: stevedude | last post by:
CSS newbie again. I have a problem trying to get coffee mug images within anchor tags to center with my link text for a vertical list menu. If I use the horizontal/vertical properties of...
2
by: thephatp | last post by:
I'm having a problem with IE rendering correctly. I'm experimenting with using all div's in my pages now, and I'm not very familiar with the quirks of IE. I have created a sample page, and I'm...
2
by: studentofknowledge | last post by:
For some unknown reason ie is placing images I have in a div in a weird way. One image is overlapping another but this problem is not occuring in mozilla. I have looked at my code over and over again...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.