hi all,
I have problem with table background color.
I have a site in html i have table inside another table's td tag.
but i can not give bgcolor to the table which is inisde another table. the code is below
Can anyone help me
thank you for attention
index.html file

<html><head><title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link  rel="stylesheet" type="text/css" href="style.css" />
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
.style1 {color: #FFFFFF}
.style2 {
	color: #A22B03;
	font-size: 12px;
	background-image: url(img/fon1.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	background-attachment: scroll;
}
.style3 {color: #A22B03}
-->
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table width="1000" border="0" cellpadding="0" cellspacing="0" bgcolor="#a22b03" align="center">
	<tr valign="top">
	  <td width="261" align="center">
			<img src="img/index_01.jpg" width="261" height="228"><br>
<img src="img/index_04.jpg" width="261" height="265" border="0" usemap="#menu"><br>
			<span class="style1"><img src="index_13.jpg" width="188" height="183" style="margin-top: -10px"><br>
			</span>
			<div style="-moz-box-sizing: padding-box; text-align: left; width: 188px">
				<span style="color: #FFFFFF"><br>
				Saini Herbal Scalp & Hair Conditioner®, which has helped thousands; both women and men stop hair loss and even re-grow natural hair, safely and permanently.<br>
				</span><br>
			  <br><br>
			</div>		</td>
	  <td width="489" align="left" style="background: eurl(img/vr.gif) repeat-y left">
  <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,65,0','width','529','height','280','src','img/header4','menu','false','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','img/header4' ); //end AC code
</script><noscript><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,65,0" width="529" height="280">
<param name=movie value="img/header4.swf">
				<param name=menu value="false">
				<param name=quality value="high">
				<embed src="img/header4.swf" menu="false" quality="high" width="529" height="280" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
			</object></noscript>
<br>
<p class="style2"> <img src="img/gun.jpg" width="136" height="113" align="left">bfdgf fdgfdgfdgfhdfhdghdgjhfdgjh djghdgh dfg sdfshf sfhsd fsdf sfsdhf sfhsdf shfsdfshdf dshf sfhs fhs fshdfhsfhsdfs fhshsfdh sdfsdfsssf ssf sfs sfsdf sfsfsdfsdfs sdf ssffs sfs fsdffsfds sfsdfsdf sdfs fsfsdf sfsd sdfsfs sfsfsdf sff sfsfsdf sdfsfsd fsd fsfds fsdf sdf sf s sdf sfsdffs sfsdfsfsd f sfsfsdfsdfsdfs sf sfsdf sd fsdfdsfsf sfsdf sfsdf sdfsfsdfsdfsdf sfds sdf sdf sdf sfsdfsdfsdfsdfsdfsdfs dfsdfsdfsdfsdf sdfs fsfsf sfsf sfd sdf sdf sf sdf sdf sdfs fsd fsdfsdf sdf sdf sfsd fsdfdsfsdf sdfsdf sdf sdfs dfsdf sdf sdf sdfsdfs dfsdf sdfs fsdfsdfs dfsdf sdfsdfsdf sdfs df sdfsd fsdfsdfsdf sdfs00000000000f sf sfs fsf sfsf sfsfsdff sfsdfsfsdfsdfsdfs fsd fsdf sdfs dfsdf sdfsdf sdfsdfsdfs dfsdf sdf sdf sdf sfsdf sdfsdfsd sdfsdfsdfsdf sdfs dfsdf sdfsdfsdfsdf sdfsfsfsfsfsdfs</p></td>
<td width="250" align="center" background="img/fon1.jpg" style="background: url(img/vr.jpg) repeat-y left">
			<img src="img/index_03.jpg" width="260" height="352" border="0" usemap="#top"><br>
<span class="style1">|Aze|Eng|</span><br>
			 <div id="pageTxt"><marquee direction="up"> 
				<span class="style1">  <a href="#"> <b>Lorem ipsum dolor</b></a><br>
			   Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc eget neque. Nunc condimentum ipsum et orci. Aenean est. Cras eget diam. Phasellus vitae magna. Sed dictum.<br>
      </span><br> </marquee>
				<img src="img/spa.gif" id="hr"><br>
				<a href="#"><b>Lorem ipsum dolor</b></a><br>
				<img src="img/pic2.jpg" width="85" height="83" align="left" style="margin-right: 8px"><span class="style1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc eget neque. Nunc condimentum ipsum et orci. Aenean est.<br>
				</span><br>
    <br>
				<a href="#" class="arr2">All news</a>			</div><br><br><br><br><br>
	  <div style="background: url(img/form.gif) no-repeat"></div>		</td>
  </tr>
	<tr bgcolor="#7E9CB6">
		<td height="80" bgcolor="#A22B03" style="padding-left: 40px; background: #7E9CB6 url(img/l3.png) no-repeat">
			<font color="white">2010 © Copyright Piramida design group<br>
	  All rights reserved. Read <a href="#"><font color="white">Privacy policy</a></font>.</td>
	  <td width="739" colspan="2" align="left" valign="top" nowrap bgcolor="#A22B03"><br> 
        <span class="style1"> <span class="style3">| aaaaaaaaaaaaaaaaaaaaaa<span class="style1">|</span></span>Ana S&#601;hif&#601; | Kataloq | Yenilikl&#601;r | Qanunlar | &Uuml;nvan&#305;m&#305;z |</span></td>
  </tr>
</table>

<map name="top">
<area shape="rect" alt="Home" coords="151,0,186,28" href="index.html">
	<area shape="rect" alt="E-mail" coords="196,0,230,28" href="#">
</map>
<map name="menu">
	<area shape="rect" alt="Contacts" coords="44,148,229,174" href="contact.html">
	<area shape="rect" alt="Career Center" coords="44,119,229,145" href="#">
	<area shape="rect" alt="Our Cervices" coords="43,92,228,118" href="#">
	<area shape="rect" alt="Patent Care" coords="44,63,229,89" href="new.html">
	<area shape="rect" alt="About Us" coords="44,35,229,61" href="about.html">
	<area shape="rect" alt="Home" coords="44,5,229,31" href="index.html">
</map>

</body>
</html>

style.css file

html, body { height: 100%}
body, td {
	color: #3D3B40;
	background-color: #a22b03;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-style: normal;
}
a:link, a:visited, a:active {font: 11px Tahoma, Arial; color: #FFFFFF}
a:hover {color: red}
#pageTxt {-moz-box-sizing: padding-box; padding: 0px 15px 0px 25px;}
.arr1:link, .arr1:visited, .arr1:active {background: url(img/arr1.gif) no-repeat left; padding-left: 12px; line-height: 17px}
.arr2:link, .arr2:visited, .arr2:active {background: url(img/arr2.gif) no-repeat left; padding-left: 12px; font-weight: bold}
.arr3:link, .arr3:visited, .arr3:active {background: url(img/arr3.gif) no-repeat left; padding-left: 12px}
.arr4:link, .arr4:visited, .arr4:active {
	background: url(img/arr4.gif) no-repeat left;
	padding-left: 15px;
	padding-top: 45px;
	margin-right: 14px;
	color: #A22B03;
	line-height: 89px
}
h2 {font: 18px Tahoma, Arial; color: #CCCCCC; margin-bottom: 10px}
#hr {background: url(img/hr.gif) repeat-x; width: 100%; height: 1px; margin-bottom: 15px}

and other site pictures which is inside img folder are attached

Recommended Answers

All 2 Replies

Member Avatar for diafol

I couldn't see a table within a table in your html.

oh sorry this is my index.html
i have forgotton to put my changes

<html><head><title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link  rel="stylesheet" type="text/css" href="style.css" />
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">

.style1 {color: #FFFFFF}
.style2 {
	color: #A22B03;
	font-size: 12px;
	background-image: url(img/fon1.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	background-attachment: scroll;
}
.style3 {color: #A22B03}

</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table width="1053" border="0" cellpadding="0" cellspacing="0" bgcolor="#a22b03" align="center">
	<tr valign="top">
	  <td width="261" align="center">
			<img src="img/index_01.jpg" width="261" height="228"><br>
<img src="img/index_04.jpg" width="261" height="265" border="0" usemap="#menu"><br>
			<span class="style1"><img src="index_13.jpg" width="188" height="183" style="margin-top: -10px"><br>
			</span>
			<div style="-moz-box-sizing: padding-box; text-align: left; width: 188px">
				<span style="color: #FFFFFF"><br>
				Saini Herbal Scalp & Hair Conditioner®, which has helped thousands; both women and men stop hair loss and even re-grow natural hair, safely and permanently.<br>
				</span><br>
			  <br><br>
			</div>		</td>
	  <td width="531" align="left" style="background: eurl(img/vr.gif) repeat-y left">
  <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,65,0','width','529','height','280','src','img/header4','menu','false','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','img/header4' ); //end AC code
</script><noscript><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,65,0" width="557" height="280">
<param name=movie value="img/header4.swf">
				<param name=menu value="false">
				<param name=quality value="high">
				<embed src="img/header4.swf" menu="false" quality="high" width="557" height="280" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
			</object></noscript>
<br>

<table border="0">
<tr><td width="328"><img src="benelli/balaca/benelli crio 12k.jpg" width="325" height="107"></td><td>dgdgfdgdfg</td></tr>
          <tr><td><img src="benelli/balaca/benelli m3s90.jpg" width="325" height="75"></td><td>&nbsp;</td></tr>
          <tr><td><img src="benelli/balaca/Benelli Rafaello Elegant.jpg" width="325" height="68"></td><td>Azer</td></tr>
          <tr><td><img src="benelli/balaca/benelli_m2practical_comfortech.jpg" width="325" height="75"></td><td>&nbsp;</td></tr>
        <tr>
          <td><img src="benelli/balaca/BenelliM2Camo.jpg" width="326" height="109"></td><td>&nbsp;</td></tr>
          <tr>
            <td>&nbsp;</td><td>Azer</td></tr>
          <tr>
            <td>&nbsp;</td><td>    
                  
        </table></div>




</td>

<td width="261" align="center" background="img/fon1.jpg" style="background: url(img/vr.jpg) repeat-y left"><img src="img/index_03.jpg" width="269" height="353" border="0" usemap="#top"><br>
<span class="style1">|Aze|Eng|</span><br>
			 <div id="pageTxt"><marquee direction="up"> 
				<span class="style1">  <a href="#"> <b>Lorem ipsum dolor</b></a><br>
			   Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc eget neque. Nunc condimentum ipsum et orci. Aenean est. Cras eget diam. Phasellus vitae magna. Sed dictum.<br>
      </span><br> </marquee>
				<img src="img/spa.gif" id="hr"><br>
				<a href="#"><b>Lorem ipsum dolor</b></a><br>
				<img src="img/pic2.jpg" width="85" height="83" align="left" style="margin-right: 8px"><span class="style1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc eget neque. Nunc condimentum ipsum et orci. Aenean est.<br>
				</span><br>
    <br>
				<a href="#" class="arr2">All news</a>			</div><br><br><br><br><br>
	  <div style="background: url(img/form.gif) no-repeat"></div>		</td>
  </tr>
	<tr bgcolor="#7E9CB6">
		<td height="80" bgcolor="#A22B03" style="padding-left: 40px; background: #7E9CB6 url(img/l3.png) no-repeat">
			<font color="white">2010 © Copyright Piramida design group<br>
	  All rights reserved. Read <a href="#"><font color="white">Privacy policy</a></font>.</td>
	  <td colspan="2" align="left" valign="top" nowrap bgcolor="#A22B03"><br> 
        <span class="style1"> <span class="style3">| aaaaaaaaaaaaaaaaaaaaaa<span class="style1">|</span></span>Ana S&#601;hif&#601; | Kataloq | Yenilikl&#601;r | Qanunlar | &Uuml;nvan&#305;m&#305;z |</span></td>
  </tr>
</table>

<map name="top">
<area shape="rect" alt="E-mail" coords="202,0,237,24" href="#">
	<area shape="rect" alt="Home" coords="155,0,191,24" href="index.html">
</map>
<map name="menu">
	<area shape="rect" alt="Contacts" coords="44,148,229,174" href="contact.html">
	<area shape="rect" alt="Career Center" coords="44,119,229,145" href="#">
	<area shape="rect" alt="Our Cervices" coords="43,92,228,118" href="#">
	<area shape="rect" alt="Patent Care" coords="44,63,229,89" href="new.html">
	<area shape="rect" alt="About Us" coords="44,35,229,61" href="about.html">
	<area shape="rect" alt="Home" coords="44,5,229,31" href="index.html">
</map>

</body>
</html>
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.