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!
SimpleDudeAsked:
Who is Participating?
 
sentnerConnect With a Mentor Commented:
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
 
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
 
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.