hallo, ik heb een probleem met mijn tabellen in mijn site die ik aan het maken ben!
De linker tabel wil maar niet aansluiten bij de rest van de pagina, er zit een heel klein verschil in. Ik heb alle borders al op "0" staan. Als ik in de linkertabel een plaatje invoeg met dezelfde grootte en de hele tabel met buttons (SwapImage) weghaal, dan doet ie het wel
iemand een idee?
dit is de code:
<html>
<head>
<title>site</title>
<link rel="stylesheet" type="text/css" href="styles_g.css">
<link rel="stylesheet" type="text/css" href="styles_h.css">
</head>
<body text="#000000" link="#8D0707" vlink="#8D0707" alink="#8D0707" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" bgcolor="#000000">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td height="70">[img]"images/topb_news.jpg"[/img]</td>
</tr></table>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="260" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="260" height="288">
<tr>
<td>[img]"images/menu/spacer.gif"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td rowspan="15">[img]"images/menu/menu_left.jpg"[/img]</td>
<td colspan="9">[img]"images/menu/menu_above.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="2">[img]"images/menu/menu_news_r.jpg"[/img]</td>
<td colspan="7">[img]"images/menu/menu_news_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="3"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_shows','','images/menu/menu_shows_g.jpg',1)">[img]"images/menu/menu_shows.jpg"[/img]</a></td>
<td colspan="6">[img]"images/menu/menu_shows_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="6"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_bio','','images/menu/menu_bio_g.jpg',1)">[img]"images/menu/menu_bio.jpg"[/img]</a></td>
<td colspan="3">[img]"images/menu/menu_bio_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="5"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_releases','','images/menu/menu_releases_g.jpg',1)">[img]"images/menu/menu_releases.jpg"[/img]</a></td>
<td colspan="4">[img]"images/menu/menu_releases_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_mp3','','images/menu/menu_mp3_g.jpg',1)">[img]"images/menu/menu_mp3.jpg"[/img]</a></td>
<td colspan="8">[img]"images/menu/menu_mp3_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="8"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_merch','','images/menu/menu_merch_g.jpg',1)">[img]"images/menu/menu_merch.jpg"[/img]</a></td>
<td>[img]"images/menu/menu_merch_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="4"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_reviews','','images/menu/menu_reviews_g.jpg',1)">[img]"images/menu/menu_reviews.jpg"[/img]</a></td>
<td colspan="5">[img]"images/menu/menu_reviews_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="7"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_promote','','images/menu/menu_promote_g.jpg',1)">[img]"images/menu/menu_promote.jpg"[/img]</a></td>
<td colspan="2">[img]"images/menu/menu_promote_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="3"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_words','','images/menu/menu_words_g.jpg',1)">[img]"images/menu/menu_words.jpg"[/img]</a></td>
<td colspan="6">[img]"images/menu/menu_words_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="5"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_pictures','','images/menu/menu_pictures_g.jpg',1)">[img]"images/menu/menu_pictures.jpg"[/img]</a></td>
<td colspan="4">[img]"images/menu/menu_pictures_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="4"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_journal','','images/menu/menu_journal_g.jpg',1)">[img]"images/menu/menu_journal.jpg"[/img]</a></td>
<td colspan="5">[img]"images/menu/menu_journal_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="2"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_links','','images/menu/menu_links_g.jpg',1)">[img]"images/menu/menu_links.jpg"[/img]</a></td>
<td colspan="7">[img]"images/menu/menu_links_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="5"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_contact','','images/menu/menu_contact_g.jpg',1)">[img]"images/menu/menu_contact.jpg"[/img]</a></td>
<td colspan="4">[img]"images/menu/menu_contact_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="7"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_gbook','','images/menu/menu_gbook_g.jpg',1)">[img]"images/menu/menu_gbook.jpg"[/img]</a></td>
<td colspan="2">[img]"images/menu/menu_gbook_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="260" height="140">
<tr>
<td width="260" height="140" background="images/mail.jpg">
</td>
</tr>
<tr>
<td width="260" height="72">[img]"images/left_bottom.jpg"[/img]</td>
</tr>
</table></td>
<td width="20" valign="top" background="images/left_middle.jpg" height="500"></td>
<td width="450" valign="top" class="fontNormal" background="images/bg_paper.jpg">
<iframe src="news.html" name="content" width="450" height="445" scroll="auto" frameborder="no" border-width: 1px">
<table width="450" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="fontNormal">
<span class="fontNormal">You are seeing this message because you're obviously using an older
version of Netscape or other browser. Upgrade your browser to <a href="http://home.netscape.com/computing/download/index.html?cp=hophb2" target="_blank" onFocus="if(this.blur)this.blur()">Netscape
7</a> or download <a href="http://www.microsoft.com/windows/ie/default.asp" target="_blank" onFocus="if(this.blur)this.blur()">Internet
Explorer</a> to view this website the way it should be viewed!</span>
</td>
</tr>
</table>
</iframe></td>
<td width="70" valign="top" height="500">[img]"images/right_middle.jpg"[/img]</td>
</tr>
</table>
</td>
</tr></table>
</body>
</html>
De linker tabel wil maar niet aansluiten bij de rest van de pagina, er zit een heel klein verschil in. Ik heb alle borders al op "0" staan. Als ik in de linkertabel een plaatje invoeg met dezelfde grootte en de hele tabel met buttons (SwapImage) weghaal, dan doet ie het wel
iemand een idee?
dit is de code:
<html>
<head>
<title>site</title>
<link rel="stylesheet" type="text/css" href="styles_g.css">
<link rel="stylesheet" type="text/css" href="styles_h.css">
</head>
<body text="#000000" link="#8D0707" vlink="#8D0707" alink="#8D0707" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" bgcolor="#000000">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td height="70">[img]"images/topb_news.jpg"[/img]</td>
</tr></table>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="260" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="260" height="288">
<tr>
<td>[img]"images/menu/spacer.gif"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td rowspan="15">[img]"images/menu/menu_left.jpg"[/img]</td>
<td colspan="9">[img]"images/menu/menu_above.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="2">[img]"images/menu/menu_news_r.jpg"[/img]</td>
<td colspan="7">[img]"images/menu/menu_news_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="3"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_shows','','images/menu/menu_shows_g.jpg',1)">[img]"images/menu/menu_shows.jpg"[/img]</a></td>
<td colspan="6">[img]"images/menu/menu_shows_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="6"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_bio','','images/menu/menu_bio_g.jpg',1)">[img]"images/menu/menu_bio.jpg"[/img]</a></td>
<td colspan="3">[img]"images/menu/menu_bio_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="5"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_releases','','images/menu/menu_releases_g.jpg',1)">[img]"images/menu/menu_releases.jpg"[/img]</a></td>
<td colspan="4">[img]"images/menu/menu_releases_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_mp3','','images/menu/menu_mp3_g.jpg',1)">[img]"images/menu/menu_mp3.jpg"[/img]</a></td>
<td colspan="8">[img]"images/menu/menu_mp3_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="8"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_merch','','images/menu/menu_merch_g.jpg',1)">[img]"images/menu/menu_merch.jpg"[/img]</a></td>
<td>[img]"images/menu/menu_merch_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="4"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_reviews','','images/menu/menu_reviews_g.jpg',1)">[img]"images/menu/menu_reviews.jpg"[/img]</a></td>
<td colspan="5">[img]"images/menu/menu_reviews_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="7"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_promote','','images/menu/menu_promote_g.jpg',1)">[img]"images/menu/menu_promote.jpg"[/img]</a></td>
<td colspan="2">[img]"images/menu/menu_promote_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="3"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_words','','images/menu/menu_words_g.jpg',1)">[img]"images/menu/menu_words.jpg"[/img]</a></td>
<td colspan="6">[img]"images/menu/menu_words_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="5"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_pictures','','images/menu/menu_pictures_g.jpg',1)">[img]"images/menu/menu_pictures.jpg"[/img]</a></td>
<td colspan="4">[img]"images/menu/menu_pictures_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="4"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_journal','','images/menu/menu_journal_g.jpg',1)">[img]"images/menu/menu_journal.jpg"[/img]</a></td>
<td colspan="5">[img]"images/menu/menu_journal_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="2"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_links','','images/menu/menu_links_g.jpg',1)">[img]"images/menu/menu_links.jpg"[/img]</a></td>
<td colspan="7">[img]"images/menu/menu_links_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="5"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_contact','','images/menu/menu_contact_g.jpg',1)">[img]"images/menu/menu_contact.jpg"[/img]</a></td>
<td colspan="4">[img]"images/menu/menu_contact_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
<tr>
<td colspan="7"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_gbook','','images/menu/menu_gbook_g.jpg',1)">[img]"images/menu/menu_gbook.jpg"[/img]</a></td>
<td colspan="2">[img]"images/menu/menu_gbook_b.jpg"[/img]</td>
<td>[img]"images/menu/spacer.gif"[/img]</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="260" height="140">
<tr>
<td width="260" height="140" background="images/mail.jpg">
</td>
</tr>
<tr>
<td width="260" height="72">[img]"images/left_bottom.jpg"[/img]</td>
</tr>
</table></td>
<td width="20" valign="top" background="images/left_middle.jpg" height="500"></td>
<td width="450" valign="top" class="fontNormal" background="images/bg_paper.jpg">
<iframe src="news.html" name="content" width="450" height="445" scroll="auto" frameborder="no" border-width: 1px">
<table width="450" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="fontNormal">
<span class="fontNormal">You are seeing this message because you're obviously using an older
version of Netscape or other browser. Upgrade your browser to <a href="http://home.netscape.com/computing/download/index.html?cp=hophb2" target="_blank" onFocus="if(this.blur)this.blur()">Netscape
7</a> or download <a href="http://www.microsoft.com/windows/ie/default.asp" target="_blank" onFocus="if(this.blur)this.blur()">Internet
Explorer</a> to view this website the way it should be viewed!</span>
</td>
</tr>
</table>
</iframe></td>
<td width="70" valign="top" height="500">[img]"images/right_middle.jpg"[/img]</td>
</tr>
</table>
</td>
</tr></table>
</body>
</html>