PDA

Click to See Complete Forum and Search --> : Troubles with scrolling cells. Any ideas?

Frm2999
08-10-2006, 12:22 PM
I have seen this done before, but I don't have enough experience with Java to make it work.

I have created a website in Dreamweaver that has two cells. On the left there is a navigation cell that has links which just bring you to different sections of that page using named tags. This saves time by skipping the scrolling and bringing you right to certain information.

My problem is that when the user clicks one of the buttons, the page auto scrolls to the corresponding information, but the navigation cell is left at the top of the page; meaning that the user would have to scroll back up to get back to the navigation which defeats its purpose.

Does anyone know a script that would have this navigation cell scroll with the page and always be in view?

I do not expect someone to just drop me the code, although that would be greatly appreciated, but if someone could point me in the direction to a tutorial that would teach me how, that would be all I needed.

I need to learn java, and asking questions seems to be the best way. So, if anyone could help me out, I thank you in advance.
Wiz Creations
08-10-2006, 01:01 PM
use divs instead of tables. The below code will create a 2 column page with the left column always visible.

<!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>Untitled Document</title>

<style>
#container {
width:750px;
height:auto;
margin:0px;
padding:0px;
}
#left {
width:250px;
height:auto;
position:fixed;
padding-left:5px;
margin-right:10px;
}
#right {
float:right;
width:490px;
}
</style>

</head>
<body>

<div id="container">

<div id="right">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce imperdiet, sapien eu porta sodales, turpis lacus semper erat, in tincidunt eros nibh et purus. Phasellus iaculis dolor sed quam. Sed commodo ante in odio bibendum faucibus. Proin eros nulla, pretium sit amet, aliquam in, molestie vel, diam. Fusce augue libero, cursus eget, blandit eget, commodo et, eros. Phasellus at nibh eget odio dictum imperdiet. Nulla facilisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis pellentesque nulla sed magna lacinia malesuada. Vivamus lacinia. Donec mattis, lectus quis posuere aliquam, arcu ligula nonummy libero, id posuere ligula nisl iaculis quam. Nunc egestas.
</div>

<div id="left">
<ul>
<li>navigation links</li>
<li>navigation links</li>
<li>navigation links</li>
<li>navigation links</li>
<li>navigation links</li>
<li>navigation links</li>
</ul>
</div>

</div>

</body>
</html>
Frm2999
08-11-2006, 12:24 PM
Thanks! that worked well!