Table With Bg image+ javascript

**jmrker** · Jan 7 '15, 01:23 AM

Assumption time ...

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

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />

<title> HTML5 page </title>
<style type="text/css">
#tbl {
  font-weight:bold;
  background: url("http://www.nova.edu/hpd/otm/pics/4fun/11.jpg") repeat;
 /* no-repeat; } /* to show only one image*/
}
</style>
<!-- idea from: http://webdesign.about.com/od/tables/f/table_bg_image.htm -->

</head>
<body>
<table id="tbl" border="1" width="400px" height="200px">  <!-- match image size -->
 <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>

Or possibly ...

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />

<title> HTML5 page </title>
<style type="text/css">
#tbl {
  font-weight:bold;
  background: url("http://www.nova.edu/hpd/otm/pics/4fun/11.jpg") no-repeat;
 /* no-repeat; } /* to show only one image*/
}
</style>
<!-- idea from: http://webdesign.about.com/od/tables/f/table_bg_image.htm -->

</head>
<body>
<table border="1" width="400px" height="200px">  <!-- match image size -->
 <tr>
  <td>Up Line</td>
  <td>Up Line</td>
  <td>Up line</td>
 </tr>
 <tr>
  <td>Logo</td>
  <td>News Scrolar</td>
  <td id="tbl" width="125px" height="200px">Text box With image bacground</td>
 </tr>
 <tr>
  <td>*</td>
  <td>*</td>
  <td>*</td>
 </tr>
</table>
</body>
</html>

Table With Bg image+ javascript

Table With Bg image+ javascript

Comment