Table With Bg image+ javascript

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Shivamchuhan
    New Member
    • Dec 2014
    • 1

    Table With Bg image+ javascript

    Code:
    <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
    Last edited by Rabbit; Dec 24 '14, 04:49 PM. Reason: Please use [code] and [/code] tags when posting code or formatted data.
  • jmrker
    New Member
    • Dec 2012
    • 17

    #2
    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>
    Last edited by jmrker; Jan 7 '15, 01:27 AM. Reason: Added 2nd example.

    Comment

    Working...