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 Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Shifting navigation bar 2

Status
Not open for further replies.
Charleston

Charleston

Technical User
Jun 4, 2001
2
US
Below is the html code from my DreamWeaver file. My navigation bar on the left is supposed to stay stationery, but when I add in text (under "Research") that extends below the bottom of the navigation bar, the nav. bar shifts down the page with the text. Try copying and pasting the text in the "Research" section a few times so it goes below the bottom the nav. bar - and then view in a browser. Is it because I have them in cells instead of separate tables? Someone - please help.

<Html>
<Head>
<Title>XYZ &#150; Research</Title>
</Head>
<Body BGcolor=&quot;#ffffff&quot; text=&quot;#000000&quot; link=&quot;#0000FF&quot; vlink=&quot;#0066FF&quot;>
<table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; border=&quot;0&quot;>
<tr>
<td width=&quot;12&quot; height=&quot;53&quot; valign=&quot;top&quot;></td>
<td height=&quot;49&quot; colspan=&quot;14&quot; valign=&quot;top&quot;><img src=&quot;images/green_bar.gif&quot; width=&quot;631&quot; height=&quot;49&quot; usemap=&quot;#Map2Map&quot; border=&quot;0&quot;>
<map name=&quot;Map2Map&quot;>
<area shape=&quot;rect&quot; coords=&quot;373,21,430,36&quot; href=&quot;mailto:some@body.org&quot;>
<area shape=&quot;rect&quot; coords=&quot;322,21,363,35&quot; href=&quot;index.htm&quot;>
<area shape=&quot;rect&quot; coords=&quot;443,21,500,35&quot; href=&quot;sitemap.htm&quot;><area shape=&quot;rect&quot; coords=&quot;512,19,557,37&quot; href=&quot;search.htm&quot;><area shape=&quot;rect&quot; coords=&quot;570,21,604,39&quot; href=&quot;links.htm&quot;></map><map name=&quot;Map2&quot;><area shape=&quot;rect&quot; coords=&quot;373,21,427,37&quot; href=&quot;mailto:some@body.org&quot;>
</map>
</td>
</tr>
<tr>
<td width=&quot;12&quot; height=&quot;54&quot; valign=&quot;top&quot;></td>
<td width=&quot;116&quot; height=&quot;415&quot; rowspan=&quot;3&quot; valign=&quot;middle&quot;><img src=&quot;images/gold_panel_research.gif&quot; width=&quot;116&quot; height=&quot;415&quot; border=&quot;0&quot;>
<map name=&quot;Map4Map2Map&quot;>
<area shape=&quot;rect&quot; coords=&quot;18,121,81,138&quot; href=&quot;haznet_research.htm&quot;>
<area shape=&quot;rect&quot; coords=&quot;15,94,75,113&quot; href=&quot;haznet_outreach.htm&quot;>
<area shape=&quot;rect&quot; coords=&quot;15,70,81,88&quot; href=&quot;haznet_research.htm&quot;>
<area shape=&quot;rect&quot; coords=&quot;14,45,89,64&quot; href=&quot;haznet_seagrant.htm&quot;>
<area shape=&quot;rect&quot; coords=&quot;14,19,89,38&quot; href=&quot;haznet_haznet.htm&quot;>
<area shape=&quot;rect&quot; coords=&quot;18,146,72,162&quot; href=&quot;haznet_hazards.htm&quot;>
<area shape=&quot;circle&quot; coords=&quot;56,312,18&quot; href=&quot; target=&quot;_blank&quot;>
<area shape=&quot;rect&quot; coords=&quot;20,333,91,381&quot; href=&quot;index.htm&quot;>
</map>
<map name=&quot;Map4Map2&quot;><area shape=&quot;rect&quot; coords=&quot;18,121,81,138&quot; href=&quot;haznet_education.htm&quot;><area shape=&quot;rect&quot; coords=&quot;15,94,75,113&quot; href=&quot;haznet_outreach.htm&quot;><area shape=&quot;rect&quot; coords=&quot;15,71,81,89&quot; href=&quot;haznet_research.htm&quot;><area shape=&quot;rect&quot; coords=&quot;14,46,89,65&quot; href=&quot;haznet_seagrant.htm&quot;><area shape=&quot;rect&quot; coords=&quot;14,20,89,39&quot; href=&quot;haznet_haznet.htm&quot;><area shape=&quot;rect&quot; coords=&quot;18,146,72,162&quot; href=&quot;haznet_hazards.htm&quot;><area shape=&quot;circle&quot; coords=&quot;56,312,18&quot; href=&quot; target=&quot;_blank&quot;>
<area shape=&quot;rect&quot; coords=&quot;20,333,91,381&quot; href=&quot;index.htm&quot;>
</map><map name=&quot;Map4&quot;><area shape=&quot;rect&quot; coords=&quot;18,121,81,138&quot; href=&quot;haznet_education.htm&quot;><area shape=&quot;rect&quot; coords=&quot;15,94,75,113&quot; href=&quot;haznet_outreach.htm&quot;><area shape=&quot;rect&quot; coords=&quot;15,71,81,89&quot; href=&quot;haznet_research.htm&quot;><area shape=&quot;rect&quot; coords=&quot;14,46,89,65&quot; href=&quot;haznet_seagrant.htm&quot;><area shape=&quot;rect&quot; coords=&quot;14,20,89,39&quot; href=&quot;haznet_haznet.htm&quot;><area shape=&quot;rect&quot; coords=&quot;18,146,72,162&quot; href=&quot;haznet_hazards.htm&quot;><area shape=&quot;circle&quot; coords=&quot;56,312,18&quot; href=&quot; target=&quot;_blank&quot;>
<area shape=&quot;rect&quot; coords=&quot;20,333,91,381&quot; href=&quot;index.htm&quot;>
</map><map name=&quot;Map&quot;>
<area shape=&quot;rect&quot; coords=&quot;14,100,82,119&quot; href=&quot;haznet_research.htm&quot;><area shape=&quot;rect&quot; coords=&quot;14,125,83,144&quot; href=&quot;haznet_education.htm&quot;><area shape=&quot;rect&quot; coords=&quot;15,149,77,166&quot; href=&quot;haznet_hazards.htm&quot;><area shape=&quot;circle&quot; coords=&quot;58,288,18&quot; href=&quot; target=&quot;_blank&quot;>
<area shape=&quot;rect&quot; coords=&quot;23,316,88,358&quot; href=&quot;index.htm&quot;>
</map></td>
<td width=&quot;8&quot; height=&quot;49&quot; valign=&quot;top&quot;></td>
<td colspan=&quot;6&quot; height=&quot;49&quot; valign=&quot;top&quot;></td>
<td width=&quot;246&quot; height=&quot;54&quot; colspan=&quot;2&quot; valign=&quot;top&quot;><img src=&quot;images/haznet_logo_small.jpg&quot; width=&quot;246&quot; height=&quot;44&quot; usemap=&quot;#Map4Map&quot; border=&quot;0&quot;><map name=&quot;Map4Map&quot;>
<area shape=&quot;rect&quot; coords=&quot;1,0,238,33&quot; href=&quot;index.htm&quot;>
</map></td>
<td width=&quot;8&quot; height=&quot;54&quot; valign=&quot;top&quot;></td>
<td colspan=&quot;2&quot; height=&quot;49&quot; valign=&quot;top&quot;></td>
<td rowspan=&quot;3&quot; height=&quot;423&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td width=&quot;12&quot; height=&quot;310&quot; valign=&quot;top&quot;></td>
<td width=&quot;8&quot; height=&quot;310&quot; valign=&quot;top&quot;></td>
<td width=&quot;472&quot; height=&quot;310&quot; colspan=&quot;9&quot; valign=&quot;top&quot;>
<p><font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;2&quot;><b><font color=&quot;#003333&quot; size=&quot;3&quot;>Research</font></b></font></p>
<p><font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot;>XYZ is a national,
university-based, science program of research, outreach and education.
XYZ programs nationwide conduct research on a broad range of topics addressing
issues of importance to local communities.</font></p>
<ul>
<li><font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot;><font face=&quot;Arial, Helvetica, sans-serif&quot;>XYZ
Research Contacts and Topic</font></font><font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot;>
&#150; Links to individual XYZ programs for access to hazard related
publications. <br>
<br>
</font></li>
<li><font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot;>Hazard Mitigation</font><br>
<br>
</li>
<li><font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot;>National XYZ<br>
<br>
</font></li>
<li><font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot; color=&quot;#000000&quot;>Summary
of XYZ Program Activity in Hazards. Recent hazards research and outreach
programs.</font></li>
</ul>
<blockquote>&nbsp;</blockquote>
<p align=&quot;right&quot;><font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot;> </font></p>
<div align=&quot;right&quot;>
<p><br>
</p>
<p>&nbsp; </p>
</div>
</td>
<td colspan=&quot;2&quot; height=&quot;310&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td width=&quot;12&quot; height=&quot;64&quot; valign=&quot;top&quot;></td>
<td width=&quot;8&quot; height=&quot;64&quot; valign=&quot;top&quot;></td>
<td width=&quot;490&quot; height=&quot;64&quot; colspan=&quot;10&quot; valign=&quot;top&quot;>
<div align=&quot;center&quot;>
<p><font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot;><b><font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot;><b><font color=&quot;#003333&quot;><font size=&quot;-2&quot;>home</font><font color=&quot;#000000&quot; size=&quot;-2&quot;>&nbsp;&nbsp;|&nbsp;&nbsp;</font></font></b></font><font color=&quot;#003333&quot; size=&quot;-2&quot;>haznet<font color=&quot;#000000&quot;>&nbsp;&nbsp;|&nbsp;&nbsp;</font>sea
grant</font><font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-2&quot;><b><font color=&quot;#003333&quot;><font color=&quot;#000000&quot;>&nbsp;&nbsp;|&nbsp;&nbsp;</font></font></b></font><font color=&quot;#003333&quot; size=&quot;-2&quot;>research</font><font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-2&quot;><b><b><font color=&quot;#003333&quot;><font color=&quot;#000000&quot;>&nbsp;&nbsp;|&nbsp;&nbsp;</font></font></b></b></font><font size=&quot;-2&quot;>outreach<font color=&quot;#003333&quot;><font color=&quot;#000000&quot;>&nbsp;&nbsp;|&nbsp;&nbsp;</font>education</font></font><font face=&quot;Arial, Helvetica, sans-serif&quot; size=&quot;-2&quot;><b><b><font color=&quot;#003333&quot;><font color=&quot;#000000&quot;>&nbsp;&nbsp;|&nbsp;&nbsp;</font></font></b></b></font><font color=&quot;#003333&quot; size=&quot;-2&quot;>hazards</font></b></font></p>
<p><font size=&quot;-2&quot; color=&quot;#000000&quot; face=&quot;Arial, Helvetica, sans-serif&quot;>Copyright
&copy; 2001 XYZ Consortium, <font color=&quot;#0000FF&quot;>Privacy Statement</font></font></p>
</div>
</td>
<td width=&quot;15&quot; height=&quot;64&quot; valign=&quot;top&quot;></td>
</tr>
<tr>
<td width=&quot;12&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;12&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;139&quot; height=&quot;1&quot; colspan=&quot;3&quot; valign=&quot;top&quot;><img width=&quot;139&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;495&quot; height=&quot;1&quot; colspan=&quot;11&quot; valign=&quot;top&quot;><img width=&quot;492&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
</tr>
<tr>
<td width=&quot;12&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;12&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;116&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;116&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;8&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;11&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;15&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;12&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;158&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;155&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;10&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;10&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;9&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;9&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;14&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;14&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;284&quot; height=&quot;1&quot; colspan=&quot;5&quot; valign=&quot;top&quot;><img width=&quot;284&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;15&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;15&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;5&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;5&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
</tr>
<tr>
<td width=&quot;12&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;12&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;116&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;116&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;8&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;8&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;15&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;15&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;158&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;155&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;10&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;10&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;9&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;9&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;14&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;14&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;20&quot; height=&quot;1&quot; colspan=&quot;2&quot; valign=&quot;top&quot;><img width=&quot;20&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;246&quot; height=&quot;1&quot; colspan=&quot;2&quot; valign=&quot;top&quot;><img width=&quot;246&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;18&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;18&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;15&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;15&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;5&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;5&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
</tr>
<tr>
<td width=&quot;12&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;12&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;116&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;116&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;8&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;8&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;15&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;15&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;158&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;158&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;10&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;10&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;9&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;9&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;14&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;14&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;12&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;12&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;8&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;8&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;238&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;238&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;8&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;8&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;18&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;18&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;15&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;15&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
<td width=&quot;5&quot; height=&quot;1&quot; valign=&quot;top&quot;><img width=&quot;5&quot; height=&quot;1&quot; src=&quot;transparent.gif&quot;></td>
</tr>
</table>
</Body>
</Html>
 
Sort by date Sort by votes
OK - if I'm understanding this correctly, your nav menu is on the left and you want it to stay at the top. Looking at your code, you simply need to change the vertical alignment for the cell the nav image is in. You currently have it set to &quot;middle&quot; - if you set it to &quot;top&quot; that should take care of it.

Hope this helps!
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

theOftenator
  • Locked
  • Question
Spry Menu Bar Submenus: Position Shifting Upon Rollover
Replies
0
Views
192
theOftenator
theOftenator
hotwalker
  • Locked
  • Question
Why is my Search box shifting after editing in Contribute?
Replies
0
Views
114
hotwalker
hotwalker
zickler
  • Locked
  • Question
menu bar being impeded by flash file in Explorer but not in Firefox
Replies
0
Views
141
zickler
zickler
sixrfan
  • Locked
  • Question
Navigation Bar &quot;Down Image&quot; problem
Replies
5
Views
163
darryncooke
darryncooke
WotNow
  • Locked
  • Question
Navigation bar displaying to the right in Internet Explorer
Replies
2
Views
133
WotNow
WotNow

Part and Inventory Search

Sponsor

Back
Top