Table Margins Help

liunx · Jan 9, 2008

Take a look at <a class="postlink" href="http://fikshun.digitalitcc.com/new.html">http://fikshun.digitalitcc.com/new.html</a> 
 
I have a top menu bar I want to set up, and need a long gray divider bar. I put a border around the whole thing so it is easier to see. 
 
If you'll look at the quote box on the right, it has this automatic margin on the bottom that is throwing off the alignment of my horizontal bar. I had this same problem before. Reducing the table height made no difference. The margin is not part of the image, becuase I made it myself and I know I did not put it there. 
 
Please help, thanks.The right part was not in the table. 
I have set all the borders on 10. 
This is a way to check. 
Now there is a gray line on the same height as in the right part. 
I have colored it: yellow has to become black and orange gray. 
<!doctype html public "-//w3c//dtd html 3.2//en"> 
 
<html> 
<head> 
<title> 
Fikshun 
</title> 
<style> 
 
</style> 
</head> 
<body bgcolor="black" link="#ffcc00" vlink="#cc9900" alink="#99FFFF" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0"> 
 
<table cellspacing="0" cellpadding="0" border="0" width="800" bgcolor="black"> 
<tr> 
<td> 
<table border="0" cellspacing="0" cellpadding="0" height="60" bgcolor="black"> 
<tr> 
<td align="left" valign="top"> 
<table cellspacing="0" cellpadding="0" border="0"> 
<tr> 
<td> 
<IMG SRC=http://www.htmlforums.com/archive/index.php/"fikshunheader2.gif"> 
</td> 
</tr> 
<tr> 
<td width="288" height="26" align="bottom"> 
<script language="JavaScript"> 
days = new Array(7) 
days[1] = "Sunday"; 
days[2] = "Monday"; 
days[3] = "Tuesday"; 
days[4] = "Wednesday"; 
days[5] = "Thursday"; 
days[6] = "Friday"; 
days[7] = "Saturday"; 
months = new Array(12) 
months[1] = "January"; 
months[2] = "February"; 
months[3] = "March"; 
months[4] = "April"; 
months[5] = "May"; 
months[6] = "June"; 
months[7] = "July"; 
months[8] = "August"; 
months[9] = "September"; 
months[10] = "October"; 
months[11] = "November"; 
months[12] = "December"; 
today = new Date(); day = days[today.getDay() + 1] 
month = months[today.getMonth() + 1] 
date = today.getDate() 
year=today.getYear(); 
if (year < 2000) 
year = year + 1900; 
document.write (" "+ day + 
", " + month + " " + date + ", " + year + "") 
</script> 
</td> 
</tr> 
<tr> 
<td width="288" height="26" align="center"> 
<script language="Javascript"> 
function go() 
{ 
if (document.abcd.a.selectedIndex > 0 ) 
{ 
parent.frames[1].location.href = <a class="postlink" href="http://www.htmlforums.com/archive/index.php/document.abcd.a.options">http://www.htmlforums.com/archive/index ... .a.options</a>[document.abcd.a.selectedIndex].value; 
} 
} 
//--> 
</script> 
<form name="abcd"> 
<select name="a"> 
<option> 
-Latest Fikshun- 
<option value="collegeguide.html"> 
James' College Guide 
<option value="revoc-dommet.html"> 
Revocation of Independence 
<option value="hw-oli.html"> 
The "Heroic" War 
<option value="flander-ed.html"> 
Fallout of Flander's Field 
<option value="lm-airmoran.html "> 
Lifemarks 
<option value="regrets-jerome.html "> 
Last Regrets 
</select> 
<input type="button" value="Go" onclick="go()"> 
</form> 
</td> 
</tr> 
</table> 
</td> 
<td align="left" valign="top"> 
<table cellspacing="0" cellpadding="0" border="0"> 
<tr> 
<td> 
<IMG SRC=http://www.htmlforums.com/archive/index.php/"fikshunheader1.jpg"> 
</td> 
</tr> 
</table> 
</td> 
</tr> 
</table> 
 
 
 
 
 
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#000000" height="5"> 
<tr> 
<td bgcolor="#ffff00" height="1"> 
</td> 
</tr> 
</table> 
 
 
 
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#000000" height="1"> 
<tr> 
<td bgcolor="#ff8000" height="13"> 
</td> 
</tr> 
</table> 
 
 
 
 
 
</td> 
<td valign="top"> 
  
 
<table cellspacing="0" cellpadding="0" border="0"> 
<tr> 
<td width="141" height="101" background="fikquotebox.gif" align="center" valign="middle"> 
<table><tr><td width="120" height="72" bgcolor="black" align="left" valign="top"> 
<script language="JavaScript"> 
var a = Math.random() + "" 
var rand1 = a.charAt(5) 
quotes = new Array 
quotes[1] = "Ken says: Religion is the science of the heart, science is the religion of the mind." 
quotes[2] = "I'll push you off the cliff and watch you die -J.C." 
quotes[3] = "Ken's shirt: 90% attitude 10% ability (BS!)" 
quotes[4] = "There ought to be limits to freedom - GW Bush" 
quotes[5] = "For truth, justice, and the American way! -Capt. America" 
quotes[6] = "Lousy demons-- you ain't takin' me! - Wolverine" 
quotes[7] = "Heavy Laming EQ- Lmg, PC, GC, PF Gen., Combat Armor, 50 MG ammo, 400 rifle Ammo" 
quotes[8] = "If at first you don't succeed, skydiving is not for you." 
quotes[9] = "AYBABTU was funny the first time, not the 500,000th time." 
quotes[0] = "The great leaders are like the best conductors-they reach beyond the notes to reach the magic in the players. -Blaine Lee" 
var quote = quotes[rand1] 
</script> 
<script language="JavaScript"> 
document.write("" + quote + "") 
</script></td> 
</tr> 
</table></td> 
</tr> 
<tr> 
<td ><IMG SRC=http://www.htmlforums.com/archive/index.php/"fikquoteboxb.gif"> 
</td> 
</tr></table></td></tr> 
</table> 
 
 
</body> 
</html> 
 
======= and the style has to be in the head.

Table Margins Help

liunx

Guest