Forums > Troubles with Tables

Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics

novemberwind

May 4 2007, 11:24 PM

Hello! Despite upcoming tests and finals, I have been messing with my freewebs.....hahaha....And something is wrong with my code.

This is what I see.

My site HERE is supposed to just be a nice rectangle with rounded edges. But the background of the tbale keeps peeking out for some reason. I don't know if it's messed up on your browser too, but please help. Here's my entire code for the page:

QUOTE

<HTML><HEAD>
<TITLE>Just a fansite, that's all.</TITLE></HEAD>
<body bgcolor="#517E95"><center><table width="800" border="0" style="background: url(http://img215.imageshack.us/img215/2922/baseballbearheaderbgfw6.jpg) repeat-y center; border: 0px;"><tr><td><img src="/novemberwind/baseballbear/baseballbear_header.jpg" width="800" height="289" border="0" id="baseballbear_header" usemap="#m_baseballbear_header" alt="" />
<map name="m_baseballbear_header" id="m_baseballbear_header">
<area shape="rect" coords="646,232,753,262" href="/novemberwind/baseballbear/linksout.htm" alt="" target="cwindow" />
<area shape="rect" coords="501,231,629,261" href="/novemberwind/baseballbear/downloads.htm" alt="" target="cwindow" />
<area shape="rect" coords="399,231,485,261" href="/novemberwind/baseballbear/gallery.htm" alt="" target="cwindow" />
<area shape="rect" coords="241,232,381,272" href="/novemberwind/baseballbear/discography.htm" alt="" target="cwindow" />
<area shape="rect" coords="117,232,226,261" href="/novemberwind/baseballbear/theband.htm" alt="" target="cwindow" />
<area shape="rect" coords="3,232,100,260" href="/novemberwind/baseballbear/updates.htm" alt="" target="cwindow" /></td></tr>
<tr><td><center><iframe name="cwindow" style="border:0px" width=800 height=350 src="/novemberwind/baseballbear/updates.htm" align=middle></iframe></td></tr>
<tr><td><img name="baseballbearbottom" src="/novemberwind/baseballbear/basballbearbottom.jpg" width="800" height="75" border="0" id="basballbearbottom" usemap="#m_basballbearbottom" alt="" /><map name="m_basballbearbottom" id="m_basballbearbottom">
<area shape="rect" coords="322,10,513,46" href="/novemberwind/baseballbear/about2.htm" alt="" />
<area shape="rect" coords="35,12,303,51" href="/novemberwind/index.html" alt="" />
</map></td></tr></table>
</body>
</html>

Please help, and feel free to click the RETURN TO MAIN PAGE at the bottom to see my (incomplete) website.

Mulder

May 4 2007, 11:27 PM

moved to website help

The Markster

May 5 2007, 09:59 AM

Okay. I've completely reorganized your code, and solved the problem too.

CODE

<html>

<head>
<title>Just a fansite, that's all.</title>

<map name="m_baseballbear_header" id="m_baseballbear_header">
<area shape="rect" coords="646,232,753,262" href="/novemberwind/baseballbear/linksout.htm" alt="" target="cwindow" />
<area shape="rect" coords="501,231,629,261" href="/novemberwind/baseballbear/downloads.htm" alt="" target="cwindow" />
<area shape="rect" coords="399,231,485,261" href="/novemberwind/baseballbear/gallery.htm" alt="" target="cwindow" />
<area shape="rect" coords="241,232,381,272" href="/novemberwind/baseballbear/discography.htm" alt="" target="cwindow" />
<area shape="rect" coords="117,232,226,261" href="/novemberwind/baseballbear/theband.htm" alt="" target="cwindow" />
<area shape="rect" coords="3,232,100,260" href="/novemberwind/baseballbear/updates.htm" alt="" target="cwindow" />
</map>

<map name="m_basballbearbottom" id="m_basballbearbottom">
<area shape="rect" coords="322,10,513,46" href="/novemberwind/baseballbear/about2.htm" alt="" />
<area shape="rect" coords="35,12,303,51" href="/novemberwind/index.html" alt="" />
</map>
</head>

<body bgcolor="#517E95">

<div align="center">

<table width="800" border="0" cellspacing="0" cellpadding="0" style="background-image: url(http://img215.imageshack.us/img215/2922/baseballbearheaderbgfw6.jpg); background-repeat: repeat-y; background-position: top center; border: 0px">
    <tr valign="top">
        <td><img src="/novemberwind/baseballbear/baseballbear_header.jpg" width="800" height="289" border="0" id="baseballbear_header" usemap="#m_baseballbear_header" alt="" /></td>
    </tr>
    <tr valign="top">
        <td>
        <div align="center"><iframe name="cwindow" style="border: 0px" width="800" height="350" src="/novemberwind/baseballbear/updates.htm" align="middle"></iframe></div>
        </td>
    </tr>
    <tr valign="top">
        <td><img name="baseballbearbottom" src="/novemberwind/baseballbear/basballbearbottom.jpg" width="800" height="75" border="0" id="basballbearbottom" usemap="#m_basballbearbottom" alt="" /></td>
    </tr>
</table>

</div>

</body>

</html>

The problem was that the table had no cellpadding/spacing set, so I set them to zero.

Blaqheartedstar

May 5 2007, 10:04 AM

--- grr stepped away from the computer and mark beat me to it.....

novemberwind

May 5 2007, 11:29 PM

Whoa-my-God, it's fixed. Thank you thank you thank you

Tables have always hated me anyway.

Your edits have also saved my life and sanity.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.