Hello,
I am having a problem aligning a cell in a table and have tried everything I can think of to correct this without any luck: It appears that the white area, which is an image in the background of this table within a table is shifted slightly to the right. It's driving me crazy. Any help would be greatly appreciated.
Here is the url and the code for the whole page:
http://kittelbergerdesign.com/indextest.html
<html>
<head>
<title>hat horizons</title>
<style>
P {font-size:9pt;
font-color:#000033;
font-weight:normal;
font-family: "arial"}
</style>
<script>
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully
// =======================================
// set the following variables
// =======================================
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 2000
// Duration of crossfade (seconds)
var crossFadeDuration = 3
// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'images/Uzbekcap.jpg'
Pic[1] = 'images/constablehat.jpg'
Pic[2] = 'images/Kyrgistan.jpg'
Pic[3] = 'images/Lesotho.jpg'
Pic[4] = 'images/Nigerian.jpg'
Pic[5] = 'images/BurmaRawang.jpg'
Pic[6] = 'images/montera.jpg'
Pic[7] = 'images/Tlingithelmet.jpg'
Pic[8] = 'images/Mongoliasoldier.jpg'
// =======================================
// do not edit anything below this line
// =======================================
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans (duration=2)"
document.images.SlideShow.style.filter="blendTrans (duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply ()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play( )
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>
</head>
<body bgcolor="#000000" onload="runSlideShow()">
<table border="0" cellpadding="0" cellspacing="0" width="720" height="518" align="center">
<tr>
<td colspan="18" background="images/index header rev.jpg" width="720" height="109" align="right">
</td>
</tr>
<tr>
<td colspan="4" background="images/yellow box rev.jpg" width="157" height="382" valign="top">
<table border="0" cellspacing="0" cellpadding="8" width="157" height="382">
<tr>
<td colspan="2" width="72" valign="top">
<img src="images/whitebox.jpg" width="58" height="55" width="382" valign="top">
</td>
<td colspan="2">
</td>
</tr>
<tr>
<td colspan="2">
</td>
<td colspan="2" width="72" valign="top">
<img src="images/whitebox.jpg" width="58" height="55" align="left" valign="top">
</td>
</tr>
<tr>
<td colspan="2" width="72" valign="top">
<img src="images/whitebox.jpg" width="58" height="55" align="left" valign="top">
</td>
<td colspan="2">
</td>
</tr>
<tr>
<td colspan="2">
</td>
<td colspan="2" width="72" valign="top">
<img src="images/whitebox.jpg" width="58" height="55" align="left" valign="top">
</td>
</tr>
<tr>
<td colspan="2" width="72" valign="top">
<img src="images/whitebox.jpg" width="58" height="55" align="left" valign="top">
</td>
<td colspan="2">
</td>
</tr>
</table>
</td>
<td colspan="15" valign=top" bgcolor="#ffffff">
<table border="0" cellpadding="0" cellspacing="0" background="images/white textbox rev.jpg" width="563">
<tr>
<td colspan="1">
</td>
<td colspan="14">
<P>Hat Horizons will make you think differently about what you put on your head.<br> With their endless variations, hats and headdresses are a tribute to the diversity<br>of the worlds cultures. Knowledge of headgear can instill an awareness and<br>appreciation of our cultural differences. At the same time, by understanding the<br>purposes for which they are worn, hats may act as a bridge, reinforcing attitudes<br>and values that are shared by people around the globe.
</td>
</tr>
<tr>
<td colspan="6">
<img src="images/constablehat.jpg" name='SlideShow' width="240" height="200">
</td>
<td colspan="9" height="200" valign="top">
<br>
<P>Hats and headdresses from the collection are available<br>for exhibit. The head coverings make an engaging and educational visual display for museums, galleries and schools and other public spaces.
<br>
<P>Head coverings provide the foundation for programs we offer on cultural diversity and ethnic understanding. Presentations and workshops can be customized for a variety of audiences and ages in educational, community and corporate environments.<p>
Thanks for visiting the site!
<p>
<font size="2" face="times" color="#000033">
<i><b>Stacey W. Miller,</b> Mitrologist</i>
</font>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="18" valign="top">
<img src="images/bottom header rev.jpg" valign="top" width="720">
</td>
</tr>
</table>
</body>
</html>