• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 394
  • Last Modified:

Extend background image (CSS)

Hi, Ive a table as follows:

      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="600" style="background-image:url(images/background1.jpg); background-repeat:no-repeat;">&nbsp;</td>
        </tr>
      </table>

What I need to do is to extend the image when the browser's window size changes (as they do at http://bombbomb.com).

Any ideas?

Thanks!
0
SimpleDude
Asked:
SimpleDude
  • 2
  • 2
1 Solution
 
sentnerCommented:
Are you asking for help with marketing emails?  Or did you include that link to a spamming company merely as an example of a web page?
0
 
SimpleDudeAuthor Commented:
???? No, I need to extend an image inside a <TR> and I dont know how to explain it better than with a working sample of what I need to do.
0
 
sentnerCommented:
Ok, just making sure because that link appears to go to a marketing company.  No offense intended.

Are you trying to emulate the resizing of the background image at the top of that page then?  Here is the dump of the CSS for that particular element:
.splash_image_resizes {
position: absolute;
z-index: 0;
width: 100%;
background: url(/img/splashEmail.jpg) repeat-x bottom center;
background-size: cover;
height: 750px;
overflow: hidden;
}

Open in new window

0
 
SimpleDudeAuthor Commented:
Awesome, I did it this way, taking your example, and it worked. Points are yours!

<td height="600" style="background-image:url(images/background1.jpg); background-repeat:no-repeat; background-size: cover; overflow: hidden; position: absolute; width: 100%;
">

Thanks!!
0

Featured Post

Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now