Streching image background?

  • Thread starter Thread starter R.A.
  • Start date Start date
R

R.A.

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
 
...
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.
Click to expand...

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
 
It has a picture


Rob Meade said:
...


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
Click to expand...
 
...
It has a picture
Click to expand...

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
 
Got it

Thanks.


Rob Meade said:
...


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
Click to expand...
 
Back
Top