Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

trouble with tables!

Status
Not open for further replies.
beckym

beckym

Technical User
Nov 9, 2000
38
0
0
CA
I am having problems with a nested tables. I have posted the problem page. I want to move the menu to the right of the text and picture but it keeps on moving underneath both of them. Can anyone have a look at my code and let me know what I am doing wrong? Thank you, Beckym




 
Sort by date Sort by votes
Is this what you want?

<html>
<head>
<title>Opaskwayak Cree Nation</title>
<META http-equiv = &quot;Content-Style-Type&quot; content = &quot;text/css&quot;>
<link rel=&quot;stylesheet&quot; href=&quot;styles.css&quot;>
</head>
<body bgcolor=&quot;#dce2a9&quot; leftmargin=&quot;0&quot; marginwidth=&quot;0&quot; topmargin=&quot;0&quot; marginheight=&quot;0&quot; link=&quot;#663333&quot; vlink=&quot;#663333&quot; alink=&quot;#dcdca9&quot;>
<table border=&quot;0&quot; bgcolor=&quot;#dce2a9&quot; width=&quot;100%&quot;>
<tr height=&quot;10&quot;>
<td valign=&quot;top&quot; bgcolor=&quot;#92a05e&quot;>
<img src=&quot;images/banner1.gif&quot; width=&quot;700&quot; height=&quot;95&quot; border=&quot;0&quot;>
</td>
</tr>
</table>
<table border=&quot;0&quot; width=&quot;700&quot;>
<tr>
<td width=&quot;100&quot;>
 
</td>
<td>
<a href=&quot;#&quot; onMouseOver=&quot;document.nation.src='images/b_events.gif'&quot;
onMouseOut=&quot;document.nation.src='images/b_our_nation.gif'&quot;
onClick=&quot;document.nation.src='images/b_our_nation.gif'&quot;>
<img src=&quot;images/b_our_nation.gif&quot; border=&quot;0&quot; name=&quot;nation&quot;></a>
</td>

<td>
<a href=&quot;#&quot; onMouseOver=&quot;document.government.src='images/b_events.gif'&quot;
onMouseOut=&quot;document.government.src='images/b_government.gif'&quot;
onClick=&quot;document.government.src='images/b_government.gif'&quot;>
<img src=&quot;images/b_government.gif&quot; border=&quot;0&quot; name=&quot;government&quot;></a>
</td>

<td>
<a href=&quot;#&quot; onMouseOver=&quot;document.business.src='images/b_events.gif'&quot;
onMouseOut=&quot;document.business.src='images/b_business.gif'&quot;
onClick=&quot;document.business.src='images/b_business.gif'&quot;>
<img src=&quot;images/b_business.gif&quot; border=&quot;0&quot; name=&quot;business&quot;></a>
</td>

<td>
<a href=&quot;#&quot; onMouseOver=&quot;document.natotawin.src='images/b_events.gif'&quot;
onMouseOut=&quot;document.natotawin.src='images/b_natotawin.gif'&quot;
onClick=&quot;document.natotawin.src='images/b_natotawin.gif'&quot;>
<img src=&quot;images/b_natotawin.gif&quot; border=&quot;0&quot; name=&quot;natotawin&quot;></a>
</td>

<td>
<a href=&quot;#&quot; onMouseOver=&quot;document.events.src='images/b_our_nation.gif'&quot;
onMouseOut=&quot;document.events.src='images/b_events.gif'&quot;
onClick=&quot;document.events.src='images/b_events.gif'&quot;>
<img src=&quot;images/b_events.gif&quot; border=&quot;0&quot; name=&quot;events&quot;></a>
</td>
<td>
<a href=&quot;#&quot; onMouseOver=&quot;document.ocn.src='images/b_events.gif'&quot;
onMouseOut=&quot;document.ocn.src='images/b_ocn.gif'&quot;
onClick=&quot;document.ocn.src='images/b_ocn.gif'&quot;>
<img src=&quot;images/b_ocn.gif&quot; border=&quot;0&quot; name=&quot;ocn&quot;></a>
</td>
<td>
<a href=&quot;#&quot; onMouseOver=&quot;document.programs.src='images/b_events.gif'&quot;
onMouseOut=&quot;document.programs.src='images/b_programs.gif'&quot;
onClick=&quot;document.programs.src='images/b_programs.gif'&quot;>
<img src=&quot;images/b_programs.gif&quot; border=&quot;0&quot; name=&quot;programs&quot;></a>
</TD>
</tr>
</table>


<Table border=&quot;0&quot; width=&quot;700&quot;>
<tr>
<td valign=&quot;top&quot; width=&quot;100&quot;>
<img src=&quot;images/nation_spacer.gif&quot; width=&quot;100&quot; height=&quot;25&quot; border=&quot;0&quot;>
</td>
<td valign=&quot;top&quot;>
<table border=&quot;0&quot; cellpadding=&quot;5&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
<tr>
<td><p><img src=&quot;images/o_nation.jpg&quot; width=&quot;250&quot; height=&quot;193&quot; border=&quot;0&quot; align=&quot;right&quot;hspace=&quot;8&quot; vspace=&quot;8&quot;>
<p class=&quot;body&quot;><b>Our Nation</b><br>mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk vm ndjkagnda mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk vm ndjkagnda mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk vm ndjkagnda mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk vm ndjkagnda mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk vm ndjkagnda mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk vm ndjkagnda mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk vm ndjkagnda mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk vm ndjkagnda mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk
gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk vm ndjkagnda mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk vm ndjkagnda mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk </p>
</TD>
<td>
<OBJECT classid=&quot;clsid:D27CDB6E-AE6D-11cf-96B8-444553540000&quot;
codebase=&quot; WIDTH=170 HEIGHT=220>
<PARAM NAME=movie VALUE=&quot;menu.swf&quot;>
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<EMBED src=&quot;menu.swf&quot; quality=high bgcolor=#FFFFFF WIDTH=170 HEIGHT=220 TYPE=&quot;application/x-shockwave-flash&quot; PLUGINSPAGE=&quot; </OBJECT>
</td>
</TR>
</TABLE>
</td>
</tr>
</table>
</body>
</html>
 
Upvote 0 Downvote
I think that you will find the following code will function just a little bit better - it includes the [border=&quot;0&quot;]'s that were accidently stripped out and a [td valign=bottom] for the table cell containing the flash menu.

<html>
<head>
<title>Opaskwayak Cree Nation</title>
<META http-equiv = &quot;Content-Style-Type&quot; content = &quot;text/css&quot;>
<link rel=&quot;stylesheet&quot; href=&quot;styles.css&quot;>
</head>
<body bgcolor=&quot;#dce2a9&quot; leftmargin=&quot;0&quot; marginwidth=&quot;0&quot; topmargin=&quot;0&quot; marginheight=&quot;0&quot; link=&quot;#663333&quot; vlink=&quot;#663333&quot; alink=&quot;#dcdca9&quot;>

<table border=&quot;0&quot; bgcolor=&quot;#dce2a9&quot; width=&quot;100%&quot;>
<tr height=&quot;10&quot;>
<td valign=&quot;top&quot; bgcolor=&quot;#92a05e&quot;>
<img src=&quot;images/banner1.gif&quot; width=&quot;700&quot; height=&quot;95&quot; border=&quot;0&quot;>
</td>
</tr>
</table>

<table width=&quot;700&quot; border=&quot;0&quot;>
<tr>
<td width=&quot;100&quot;> </td>
<td><a href=&quot;#&quot; onMouseOver=&quot;document.nation.src='images/b_events.gif'&quot; onMouseOut=&quot;document.nation.src='images/b_our_nation.gif'&quot; onClick=&quot;document.nation.src='images/b_our_nation.gif'&quot;><img src=&quot;images/b_our_nation.gif&quot; border=&quot;0&quot; name=&quot;nation&quot;></a></td>
<td><a href=&quot;#&quot; onMouseOver=&quot;document.government.src='images/b_events.gif'&quot; onMouseOut=&quot;document.government.src='images/b_government.gif'&quot; onClick=&quot;document.government.src='images/b_government.gif'&quot;><img src=&quot;images/b_government.gif&quot; border=&quot;0&quot; name=&quot;government&quot;></a></td>
<td><a href=&quot;#&quot; onMouseOver=&quot;document.business.src='images/b_events.gif'&quot; onMouseOut=&quot;document.business.src='images/b_business.gif'&quot; onClick=&quot;document.business.src='images/b_business.gif'&quot;><img src=&quot;images/b_business.gif&quot; border=&quot;0&quot; name=&quot;business&quot;></a></td>
<td><a href=&quot;#&quot; onMouseOver=&quot;document.natotawin.src='images/b_events.gif'&quot; onMouseOut=&quot;document.natotawin.src='images/b_natotawin.gif'&quot; onClick=&quot;document.natotawin.src='images/b_natotawin.gif'&quot;><img src=&quot;images/b_natotawin.gif&quot; border=&quot;0&quot; name=&quot;natotawin&quot;></a></td>
<td><a href=&quot;#&quot; onMouseOver=&quot;document.events.src='images/b_our_nation.gif'&quot; onMouseOut=&quot;document.events.src='images/b_events.gif'&quot; onClick=&quot;document.events.src='images/b_events.gif'&quot;><img src=&quot;images/b_events.gif&quot; border=&quot;0&quot; name=&quot;events&quot;></a></td>
<td><a href=&quot;#&quot; onMouseOver=&quot;document.ocn.src='images/b_events.gif'&quot; onMouseOut=&quot;document.ocn.src='images/b_ocn.gif'&quot; onClick=&quot;document.ocn.src='images/b_ocn.gif'&quot;><img src=&quot;images/b_ocn.gif&quot; border=&quot;0&quot; name=&quot;ocn&quot;></a></td>
<td><a href=&quot;#&quot; onMouseOver=&quot;document.programs.src='images/b_events.gif'&quot; onMouseOut=&quot;document.programs.src='images/b_programs.gif'&quot; onClick=&quot;document.programs.src='images/b_programs.gif'&quot;><img src=&quot;images/b_programs.gif&quot; border=&quot;0&quot; name=&quot;programs&quot;></a></td>
</tr>
</table>

<table width=&quot;700&quot; border=&quot;0&quot;>
<tr>
<td valign=&quot;top&quot; width=&quot;100&quot;><img src=&quot;images/nation_spacer.gif&quot; width=&quot;100&quot; height=&quot;25&quot; border=&quot;0&quot;></td>
<td valign=&quot;top&quot;>
<table border=&quot;0&quot; cellpadding=&quot;5&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
<tr>
<td>
<p class=&quot;body&quot;><img src=&quot;images/o_nation.jpg&quot; width=&quot;250&quot; height=&quot;193&quot; border=&quot;0&quot; align=&quot;right&quot;hspace=&quot;8&quot; vspace=&quot;8&quot;>
<b>Our Nation</b><br>mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk vm ndjkagnda mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk vm ndjkagnda mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk vm ndjkagnda mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk vm ndjkagnda mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk vm ndjkagnda mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk vm ndjkagnda mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk vm ndjkagnda mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk vm ndjkagnda mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk vm ndjkagnda mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk vm ndjkagnda mdkf eor gjeiqoggjoiq qn njjxf enqrg; nmbkwqm ma ekrjoigw' mkjgeq' miegjdk</p>
</td>
<td valign=&quot;top&quot;>
<OBJECT classid=&quot;clsid:D27CDB6E-AE6D-11cf-96B8-444553540000&quot; codebase=&quot; WIDTH=170 HEIGHT=220>
<PARAM NAME=movie VALUE=&quot;menu.swf&quot;>
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<EMBED src=&quot;menu.swf&quot; quality=high bgcolor=#FFFFFF WIDTH=170 HEIGHT=220 TYPE=&quot;application/x-shockwave-flash&quot; PLUGINSPAGE=&quot; </OBJECT>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html> Peter Vince VA3PKV
va3pkv@rac.ca
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
318
spamjim
spamjim
CoolBreeze007
  • Locked
  • Question
Unable to make HTML element adjust with the resizing of the browser
Replies
0
Views
40
CoolBreeze007
CoolBreeze007
LyndonOHRC
  • Locked
  • Question
Need advice with printing on check stock
Replies
5
Views
67
LyndonOHRC
LyndonOHRC
caykamanj1966
  • Locked
  • Question
Sorting a grid list using iframe associated with Google Drive
Replies
0
Views
60
caykamanj1966
caykamanj1966
ChrisRChamberlain
  • Locked
  • Question
Call an object with onclick
Replies
6
Views
72
ChrisRChamberlain
ChrisRChamberlain

Part and Inventory Search

Sponsor

Back
Top