Connecting Tech Pros Worldwide Help | Site Map

Streching image background?

R.A.
Guest
 
Posts: n/a
#1: Nov 18 '05
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


Rob Meade
Guest
 
Posts: n/a
#2: Nov 18 '05

re: Streching image background?


"R.A." wrote ...
[color=blue]
> 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.[/color]

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


R.A.
Guest
 
Posts: n/a
#3: Nov 18 '05

re: Streching image background?


It has a picture


"Rob Meade" <robb.meade@NO-SPAM.kingswoodweb.net> wrote in message
news:10Msc.2373$fE2.23686308@news-text.cableinet.net...[color=blue]
> "R.A." wrote ...
>[color=green]
> > I have an image 700/50 pixels. I want it to be the footer of the web[/color][/color]
page.[color=blue][color=green]
> > Is there a way to make it streach if the browser view area is larger[/color][/color]
than[color=blue][color=green]
> > 700? What I see today is a blank area after the image size - when for
> > example I view in 1024 pixels screen.[/color]
>
> 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
>
>[/color]


Rob Meade
Guest
 
Posts: n/a
#4: Nov 18 '05

re: Streching image background?


"R.A." wrote ...
[color=blue]
> It has a picture[/color]

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


R.A.
Guest
 
Posts: n/a
#5: Nov 18 '05

re: Streching image background?


Got it

Thanks.


"Rob Meade" <robb.meade@NO-SPAM.kingswoodweb.net> wrote in message
news:XXMsc.2436$ab3.24255665@news-text.cableinet.net...[color=blue]
> "R.A." wrote ...
>[color=green]
> > It has a picture[/color]
>
> 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[/color]
(assuming[color=blue]
> a picture on the left within in for simplicity), but align it to the left[/color]
of[color=blue]
> 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[/color]
of[color=blue]
> 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[/color]
space....[color=blue]
>
> 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% -[/color]
because[color=blue]
> 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[/color]
any[color=blue]
> results I have...
>
> Regards
>
> Rob
>
>[/color]


Rob Meade
Guest
 
Posts: n/a
#6: Nov 18 '05

re: Streching image background?


"R.A." wrote ...
[color=blue]
> Got it[/color]

Did that work for ya then?

Rob


Closed Thread