D J
asked on
HTML Need help with color difference in table
I have a table for the header of my web page and see a difference between 2 cells using an image for the gray shading. I need to separate the cells due to having buttons in the center.
Please view the image enclosed and see the slight difference within the circle.
Is there a fix for this?
Code using for the cells:
Please view the image enclosed and see the slight difference within the circle.
Is there a fix for this?
Code using for the cells:
.tableCell {
background-image: url(images/bar.png);
background-repeat: repeat;
ColorDiff.jpg
Does this occur on a simple test case? Did you happen to change the background-position CSS property?
ASKER
Happens with all browsers and I don't think I changed the background position.
Using this code for each cell:
class="tableCell"
Using this code for each cell:
class="tableCell"
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
post your table html code that will help to see
ASKER
padas - how would I use an css gradient? will it work for all browsers?
see code below:
see code below:
<style type="text/css">
#navbar ul {
margin: 0;
padding: 7px;
list-style-type: none;
text-align: center;
background-image: url(images/bar.png);
}
#navbar ul li {
display: inline;
}
#navbar ul li a {
text-decoration: none;
padding: .5em .5em;
color: #fff;
font-family: ;
font-size: 17px;
font-family: Tahoma, Geneva, sans-serif;
}
#navbar ul li a:hover {
color: #000;
background-color: #fff;
font-family: Tahoma, Geneva, sans-serif;
}
table { border-collapse:collapse }
body {
background-color: #002e56;
margin:0;
padding:0;
}
.tableCell {
background-image: url(images/bar.png);
background-repeat: repeat;
}
</style>
</head>
<table width="100%" border="0" cellpadding="2" style="border-left-style: none; border-bottom-style: none; border-right-style: none; border-top-style: none; margin-left: 0; margin-right: 0" stcellspacing="0">
<tr>
<td colspan="2" bgcolor="#002e56"></td>
<td width="30%" rowspan="2" bgcolor="#002e56" style="padding:10"><div align="center"><a href="home.htm" target="main"><img src="images/Header6.png" width="389" height="77" id="sprytrigger1" border="0" /></a></div></td>
<td colspan="2" rowspan="2" bgcolor="#002e56"><div align="center"><img src="images/Improve3.png" width="165" height="52"></div>
</td>
</tr>
<tr bgcolor="#002e56">
<td colspan="2"><div align="center"><img src="images/1975_2.png" width="113" height="45"></div></td>
</tr>
<tr>
<td width="10%" height="30" bgcolor="#999999"class="tableCell" ><div align="center"><a href="http://www.corp.net/" target="_blank"><img src="images/Corp5.png" alt="Systems Corporation" width="91" height="29" border="0"></a></div></td>
<td colspan="3" bgcolor="#999999"class="tableCell" >
<div id="navbar">
<ul>
<li><a href="home.htm" target="main"> Home </a></li>
<li><a href="Link1.htm" target="main">1</a></li>
<li><a href="Link2.htm" target="main">2</a></li>
<li><a href="Link3.htm">3</a></li>
<li><a href="Link4" target="_blank">4</a></li>
</ul>
</div>
</td>
<td width="10%" bgcolor="#999999" class="tableCell"><SCRIPT LANGUAGE="Javascript"><!--
var now = new Date();
var days = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');
var months = new Array('January','February','March','April','May','June','July','August','September','October','November','December');
var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();
function fourdigits(number) {
return (number < 1000) ? number + 1900 : number;
}
today = days[now.getDay()] + ", " +
months[now.getMonth()] + " " +
date + ", " +
(fourdigits(now.getYear())) ;
document.write(" "+today+ "");
//--></SCRIPT></td>
</tr>
</table>
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thanks to all!