Table With Bg image+ javascript

Expand|Select|Wrap|Line Numbers

 <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

Subscribe Post Reply

1365

jmrker

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

 
<!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 ...

Expand|Select|Wrap|Line Numbers

 
<!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>

Jan 7 '15 #2

Similar topics

Sorting a HTML table with Javascript

by: Gareth Gale | last post by:

I'm trying to implement a way of allowing a user to sort a HTML table via Javascript on the client. I've seen lots of samples where single column sorting (asc or desc) is shown, but I'd like nested...

Javascript

I want to disable a table with javascript

by: prado | last post by:

I want to disable a table with javascript. In this table i have 'n' record and each record has 3 buttons. If you click a button does an action. I want to disable the all table. is there any way...

Javascript

getting width of a table using javascript

by: Hari2005 | last post by:

I try to get width of a table using javascript. Table width is not defined in table. It grows as per the data. Please suggest how to get table width using javascript at run time??????? Thanks in...

Javascript

Sorting an HTML Table with javascript.

by: suvarna1026 | last post by:

Hi,I am doing project in ASP.NET(by VB.NEt).I have created an HTML Table.Now I want to apply sorting to the table in javascript.How can I do this?Any help will be appreciated.Thanking you!

Javascript

dynamic table using javascript

by: tokcy | last post by:

hi everyone, i am creating dynamic row in a table using javascript its working fine and now i want to create more than 1 table using javascript which is dynamic its also working fine but when i am...

Javascript

insert images into table with JavaScript

by: mike4z4 | last post by:

Hello. I would like to insert images into specific cell created in javascript. I did create chessboard. Now i need to put figures in specific place. This I would like to do on two or three...

Javascript

How to create a Factorials Table with JavaScript, HTML5 and CSS

by: stdq | last post by:

Hello, everyone. In this article, I'll show you a way to print a table of the factorials of the integers in the range 0-20. Please note there is no warranty when it comes to using the code here...

HTML / CSS

dynamic table in Javascript /Jquery

by: neelmk | last post by:

Hi, I have created a dynamic table using jquery. and this table is nested table. But the problem is, when i want to add rows dynamically first row is created smoothly but after that row , all rows...

Javascript

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General