how to give back ground image of table

Posted by Shanky11 under HTML 5 on 5/10/2013 | Points: 10 | Views : 2097 | Status : [Member] | Replies : 4
how to give back ground image of table i m tryig this
<table width="1024px"><tr style="height:150px;background-image:url('images/bottomimage.jpg');"><td align="left" valign="top">




Responses

Posted by: harikrishna149-10896 on: 5/10/2013 [Member] Starter | Points: 25

Up
0
Down
HI,
Try this code.

<form id="form1" runat="server">
<div>
<table cellspacing="0" cellpadding="0" border="1" runat="server">
<tr>
<td width="50" align="center" style="border: solid 1px #000000; background-repeat: no-repeat;" BACKGROUND="myback.gif">1</td>
<td width="50" align="center">2</td>
<td width="50" align="center" style="border: solid 1px #000000; background-repeat: no-repeat;" BACKGROUND="myback.gif">3</td>
</tr>
<tr>
<td width="50" align="center" style="border: solid 1px #000000; background-repeat: no-repeat;" BACKGROUND="myback.gif">4</td>
<td width="50" align="center" style="border: solid 1px #000000; background-repeat: no-repeat;" BACKGROUND="myback.gif">5</td>
<td width="50" align="center">6</td>
</tr>
</table>
</div>
</form>

Find the Attachment for image

 Download source file

Thanks & Regards
Hari Krishna

Shanky11, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Oswaldlily on: 5/10/2013 [Member] Starter | Points: 25

Up
0
Down
<div style="background-image: "img.jpg">
<table>
</table
</div>

Shanky11, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Prabhukiran345 on: 5/10/2013 [Member] Starter | Points: 25

Up
0
Down
Hi,

Try this..It is working

<form id="form1" runat="server">
<div>
<table style="background-image: url('Images/Lyrics-1.jpg');">
<tr>
<td>
hi
</td>
<td>
hello
</td>
</tr>
<tr>
<td>
hit
</td>
<td>
bit
</td>
</tr>
<tr>
<td>
ok
</td>
<td>
bye
</td>
</tr>
</table>
</div>
</form>

Thanks,
Prabhu Kiran.B
(Mark As Ans If Satisfied).

Thanks,
Prabhu Kiran Bommareddy

Shanky11, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Siddhipatel on: 2/5/2020 [Member] Starter | Points: 25

Up
0
Down
Hello...

-->Using Background tag you can set background image of table and also set background image for different cells.
-->Also using background-image: URL(' path of Image '); in CSS you can set background image in Table.



Using background Attribute

<table border="1" background="IMAGE PATH">

<tr>
<td>&nbsp&nbsp&nbsp</td>
<td>&nbsp&nbsp&nbsp</td>
</tr>

<tr>
<td>&nbsp&nbsp&nbsp</td>
<td>&nbsp&nbsp&nbsp</td>
</tr>

</table>


Using CSS

<table style="background-image: URL(' path of Image ');">

<tr>
<td>&nbsp&nbsp&nbsp</td>
<td>&nbsp&nbsp&nbsp</td>
</tr>

<tr>
<td>&nbsp&nbsp&nbsp</td>
<td>&nbsp&nbsp&nbsp</td>
</tr>
</table>



Software Developer at iFour Technolab Pvt Ltd

Shanky11, if this helps please login to Mark As Answer. | Alert Moderator

Login to post response