abbi
04-16-2007, 11:21 PM
Ok, on Firefox the page looks perfect, but when I test it in IE there is this space between where the images meet.
I took a screen shot of it.
http://i11.photobucket.com/albums/a198/redcreamsoda/screenshothelp.jpg
Here's the coding of the page (I only included up to the point where I am having trouble.):
--!!!--
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ye Hobbit Hut::A Site Dedicated to the former, less well known, pub in Middle-earth</title>
<link rel="stylesheet" type="text/css" href="/site_yhh.css">
</head>
<body padding="0" padding-top"0" topmargin="0" bottommargin="0" bgcolor="#000000">
<table align="center" width="754" cellpadding="0" cellspacing="0" bgcolor="#2C6901">
<tr><td width="750">
<img name="main" src="main.jpg" width="780" height="401" border="0" usemap="#main" />
<map name="main">
<area shape="rect" coords="55,302,184,332" href="index.html" />
<area shape="rect" coords="212,302,380,334" href="yehobbithut.html" />
<area shape="rect" coords="406,303,579,335" href="about.html" />
<area shape="rect" coords="610,304,725,333" href="memoirs.html" />
<area shape="rect" coords="58,334,249,361" href="guestbook.html" />
<area shape="rect" coords="281,337,538,361" href="marigold.html" />
<area shape="rect" coords="571,336,717,363" href="locals.html" />
<area shape="rect" coords="134,363,190,393" href="faq.html" />
<area shape="rect" coords="213,366,373,390" href="onlineattractions.html" />
<area shape="rect" coords="390,365,438,386" href="site.html" />
<area shape="rect" coords="454,363,629,390" href="misc.html" />
</map>
</td>
</tr>
<tr>
<td colspan="0" background="background1.jpg" width="780" valign="top" style="background:url(background1.jpg); margin-top:0; padding-top:0;">
--!!!--
That is the tag that makes the two images meet on the page, but I can't figure out how to make that spacing go away on IE!
Does anyone know what I can try to do to fix that? I know it's just a little tiny space, and most people probably wouldn't even notice it; but I do, and it bugs me.
If anyone can help me fix this problem I would greatly appreciate it!!!
I took a screen shot of it.
http://i11.photobucket.com/albums/a198/redcreamsoda/screenshothelp.jpg
Here's the coding of the page (I only included up to the point where I am having trouble.):
--!!!--
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ye Hobbit Hut::A Site Dedicated to the former, less well known, pub in Middle-earth</title>
<link rel="stylesheet" type="text/css" href="/site_yhh.css">
</head>
<body padding="0" padding-top"0" topmargin="0" bottommargin="0" bgcolor="#000000">
<table align="center" width="754" cellpadding="0" cellspacing="0" bgcolor="#2C6901">
<tr><td width="750">
<img name="main" src="main.jpg" width="780" height="401" border="0" usemap="#main" />
<map name="main">
<area shape="rect" coords="55,302,184,332" href="index.html" />
<area shape="rect" coords="212,302,380,334" href="yehobbithut.html" />
<area shape="rect" coords="406,303,579,335" href="about.html" />
<area shape="rect" coords="610,304,725,333" href="memoirs.html" />
<area shape="rect" coords="58,334,249,361" href="guestbook.html" />
<area shape="rect" coords="281,337,538,361" href="marigold.html" />
<area shape="rect" coords="571,336,717,363" href="locals.html" />
<area shape="rect" coords="134,363,190,393" href="faq.html" />
<area shape="rect" coords="213,366,373,390" href="onlineattractions.html" />
<area shape="rect" coords="390,365,438,386" href="site.html" />
<area shape="rect" coords="454,363,629,390" href="misc.html" />
</map>
</td>
</tr>
<tr>
<td colspan="0" background="background1.jpg" width="780" valign="top" style="background:url(background1.jpg); margin-top:0; padding-top:0;">
--!!!--
That is the tag that makes the two images meet on the page, but I can't figure out how to make that spacing go away on IE!
Does anyone know what I can try to do to fix that? I know it's just a little tiny space, and most people probably wouldn't even notice it; but I do, and it bugs me.
If anyone can help me fix this problem I would greatly appreciate it!!!