help with HTML table backround color

@azegurbMay 12.2010

Hi there,
I have problem with giving bacgground image to the table td.
When i give back ground to the td tag it displays but it also displays borders with background color.
i need let the border colors not displays

[code=php]<table border=”0″ align=””> <tr> <td class=”style4″ bordercolor=”#993300″>asfsfsfsfsfsfsfsfsfsfsfda</td> <td width=”328″ class=”style2″><img src=”benelli/balaca/benelli crio 12k.jpg” width=”325″ height=”107″></td><td class=”style2″>dgdgfdgdfg</td></tr> <tr><td class=”style4″></td><td class=”style2″><img src=”benelli/balaca/benelli m3s90.jpg” width=”325″ height=”75″></td><td class=”style2″> </td></tr> <tr><td class=”style4″></td><td class=”style2″><img src=”benelli/balaca/Benelli Rafaello Elegant.jpg” width=”325″ height=”68″></td><td class=”style2″>Azer</td></tr> <tr><td class=”style4″></td><td class=”style2″><img src=”benelli/balaca/benelli_m2practical_comfortech.jpg” width=”325″ height=”75″></td><td class=”style2″> </td></tr> <tr><td class=”style4″></td> <td class=”style2″><img src=”benelli/balaca/BenelliM2Camo.jpg” width=”326″ height=”109″></td><td class=”style2″> </td></tr> <tr><td class=”style4″></td> <td class=”style2″> </td><td class=”style2″>Azer</td></tr> <tr><td class=”style4″></td> <td class=”style2″> </td><td class=”style2″>

</table>[/code]

Thanks for attention

to post a comment

CSS

4 Comments(s) _↴

@FangMay 12.2010 — #Do you mean the whole table or just a specific cell?

@azegurbauthorMay 12.2010 — #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

index.html file

[code=php]<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>[/code]

style.css file

[code=php]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}[/code]

@xbossMay 12.2010 — #In HTML page where you want have background image, <td div="backgroundstuff">

In CSS file,

td #backgroundstuff {

background: #putanycoloryouwant;

}

@azegurbauthorMay 13.2010 — #Thank you very much

i did but nothink i got.

can you help me how to do page curl effect in my site at to the white space which is located at the center of page

my page url is below

http://oxota.toylar.info/benelli.html

Thank you for attention

Also in #CSS _↴

Cross browser CSS positioning issue Please help with css table!ie6 background hover Bug? Error? Microsoft sucks?

Success!

Help @azegurb spread the word by sharing this article on Twitter...

Tweet This

help with HTML table backround color

4 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

help with HTML table backround color

4 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #CSS _↴