By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
428,813 Members | 2,269 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 428,813 IT Pros & Developers. It's quick & easy.

Table With Bg image+ javascript

P: 1
Expand|Select|Wrap|Line Numbers
  1. <table width="100%" border="1"> <tr> <td>Up Line</td> <td>Up Line</td> <td>Up line</td> </tr> <tr> <td>Logo</td> <td>News Scrolar</td> <td>Text box With image bacground</td> </tr> <tr> <td>*</td> <td>*</td> <td>*</td> </tr> </table> </body> </html>

Please Help It s My Website Headers how to make
Dec 24 '14 #1
Share this Question
Share on Google+
1 Reply


P: 17
Assumption time ...

Did you want a background image on the table,
on the tabel cell,
or in the <input type="text"...> tag?

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5.  
  6. <title> HTML5 page </title>
  7. <style type="text/css">
  8. #tbl {
  9.   font-weight:bold;
  10.   background: url("http://www.nova.edu/hpd/otm/pics/4fun/11.jpg") repeat;
  11.  /* no-repeat; } /* to show only one image*/
  12. }
  13. </style>
  14. <!-- idea from: http://webdesign.about.com/od/tables/f/table_bg_image.htm -->
  15.  
  16. </head>
  17. <body>
  18. <table id="tbl" border="1" width="400px" height="200px">  <!-- match image size -->
  19.  <tr>
  20.   <td>Up Line</td>
  21.   <td>Up Line</td>
  22.   <td>Up line</td>
  23.  </tr>
  24.  <tr>
  25.   <td>Logo</td>
  26.   <td>News Scrolar</td>
  27.   <td>Text box With image bacground</td>
  28.  </tr>
  29.  <tr>
  30.   <td>*</td>
  31.   <td>*</td>
  32.   <td>*</td>
  33.  </tr>
  34. </table>
  35. </body>
  36. </html>
  37.  
Or possibly ...
Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5.  
  6. <title> HTML5 page </title>
  7. <style type="text/css">
  8. #tbl {
  9.   font-weight:bold;
  10.   background: url("http://www.nova.edu/hpd/otm/pics/4fun/11.jpg") no-repeat;
  11.  /* no-repeat; } /* to show only one image*/
  12. }
  13. </style>
  14. <!-- idea from: http://webdesign.about.com/od/tables/f/table_bg_image.htm -->
  15.  
  16. </head>
  17. <body>
  18. <table border="1" width="400px" height="200px">  <!-- match image size -->
  19.  <tr>
  20.   <td>Up Line</td>
  21.   <td>Up Line</td>
  22.   <td>Up line</td>
  23.  </tr>
  24.  <tr>
  25.   <td>Logo</td>
  26.   <td>News Scrolar</td>
  27.   <td id="tbl" width="125px" height="200px">Text box With image bacground</td>
  28.  </tr>
  29.  <tr>
  30.   <td>*</td>
  31.   <td>*</td>
  32.   <td>*</td>
  33.  </tr>
  34. </table>
  35. </body>
  36. </html>
  37.  
Jan 7 '15 #2

Post your reply

Sign in to post your reply or Sign up for a free account.