Background image in a Table Cell and Sceen Resolution

G

Guest

Hello:
I am trying without success to have a different background image displayed
in a single cell based on a viewer's screen resolution. Some of the earlier
posts discussed changing background image of the whole page for different
resolutions. But I must find a way to do the same in a single cell.

If this is impossible and I must use the same background image for all
screen resolutions, then I need to find a way to have Front Page cut not the
right but the left side of the background image in this cell. For some reason
it cuts the right side of the image and keeps the left side fixed.

Thank you very much for any advie you can give!
 
T

Trevor L.

Dave said:
Hello:
I am trying without success to have a different background image
displayed in a single cell based on a viewer's screen resolution.
Some of the earlier posts discussed changing background image of the
whole page for different resolutions. But I must find a way to do the
same in a single cell.

If this is impossible and I must use the same background image for all
screen resolutions, then I need to find a way to have Front Page cut
not the right but the left side of the background image in this cell.
For some reason it cuts the right side of the image and keeps the
left side fixed.

Thank you very much for any advie you can give!

Dave,

If you just want different backgrounds in different table cells, then this
works for me:

I can't quite tie this in to different screen resolutions, but I tried
making the main one 800px*600px and the secondary take the rest of a
1024*768 screen.

Experiment a little to get what you want. You could even try making two
<div>s one 1024*768 and the other 800*600, overlaying the first.

<html>
<head>
<style type ="text/css">
#main { background: url("images/display/parchmnt.gif") ;}
#sec { background: url("images/display/crumpled_paper.gif") ;}
</style>
</head>
<body>
<table border=0>
<tr>
<td width = "800px" height = "600px" id="main"> Cell1 </td>
<td width = "224px" height = "600px" id="sec"> Cell2 </td>
</tr>
<tr>
<td colspan="2" width = "1024px" height = "168px" id="sec"> Cell3
</td>
</tr>
</table>
</body>
<html>
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top