Floating Table

OhCaN · 08-22-2007, 10:19 AM

Hey, I was trying to figure out how to get a table to float on the left side of my page since I can't use framesets to lock the left side.

I have a few buttons that I made that I want to put into my webpage to float while the viewer scrolls down the page.

I'm using DW CS3.

Capo64 · 08-22-2007, 02:10 PM

take a look here http://www.dynamicdrive.com/dynamici...staticmenu.htm

Taltos · 08-22-2007, 08:33 PM

Hmmm...you might want to think about doing that. I hate those floating buttons. The tend to bounce in a really irritating way to me. It depends on the content and your demographic but I'm not a fan of them. Just my

OhCaN · 08-23-2007, 09:41 AM

Quote:

Originally Posted by Taltos

Hmmm...you might want to think about doing that. I hate those floating buttons. The tend to bounce in a really irritating way to me. It depends on the content and your demographic but I'm not a fan of them. Just my

Hey, just wanted to know how I could lock the left side without using a frameset. I don't really care about floating menus I just wanted it to stay on the page all the time instead of people scrolling back to the top of the page.

I'd like another

Thanks

OhCaN · 08-23-2007, 09:44 AM

Quote:

Originally Posted by Capo64

take a look here http://www.dynamicdrive.com/dynamici...staticmenu.htm

Hey, I tried this but I don't float on my page but it does float on other webpages when i'm surfing. That's a bit annoying. People don't want my floater to be on their pages when surfing sports of something like that.

I just want a menu to stay stuck on the left side of my page to make it easier for people to move around without having to scroll back to the top of the page to go to the next page.

Thanks

OhCaN · 08-23-2007, 11:54 AM

Hey don't worry about the floating menu's it's a bit dumb.
I do however want to know the code for placing a
"Back to Top" link at the bottom of my pages.

That will help instead of floating tables.

Thanks

chicgeek · 08-23-2007, 11:57 AM

Right after your <body> tag, put in the following.

Code:

<a name="top"></a>

Then when you want a back to top.

Code:

<a href="#top">Back to top</a>

Capo64 · 08-23-2007, 12:00 PM

I think I know what you mean. You can do this with <div>'s.

Give a <div> a fixed height and add the css as overflow: auto;

then Put the content that you want in it.

Edit: i guess not lol I just saw your last post. I'm gunna experiment with <div>'s and see if I can make what I was talking about

Taltos · 08-23-2007, 12:01 PM

OK, next

Can you use a left menu div and then a main content div with overflow? Or is that too close to framesets?

Capo64 · 08-23-2007, 12:03 PM

I'm sure you can. It'll look exactly like a frame but it'll be div's instead

OhCaN · 08-23-2007, 01:01 PM

That would be cool, If you could test this and put the code your next post that would be great. I'm going to go with the "back to top' for now until i get it going with <div>

Thanks and please let me know how the div's work.

Thanks

OhCaN · 08-23-2007, 01:05 PM

Quote:

Originally Posted by chicgeek

Right after your <body> tag, put in the following.

Code:

<a name="top"></a>

Then when you want a back to top.

Code:

<a href="#top">Back to top</a>

Great thanks so much, I got it working 1st shot.
This was a learning day!!!!

Thanks again

chicgeek · 08-23-2007, 03:31 PM

Quote:

Originally Posted by OhCaN

Great thanks so much, I got it working 1st shot.
This was a learning day!!!!

Thanks again

Glad to help, eh?

Taltos · 08-24-2007, 12:42 PM

I'm certain the general concept of 2 div's (left and main) would work. I just didn't know why framesets were not an option for you. Not good for SEO among other things but didn't know if there was some other reason.

Code:

<div id="leftmenu">

   *** html for menu goes in here ***

</div>
<div id="maincontent">

    *** html for main content goes in here ***

</div>

Then the basics of the CSS for these div's looks like:

Code:

#leftmenu {
   float: left;
   width: 150px;
}

#maincontent {
   float:left;
   overflow:auto;
}

That will make the "leftmenu" div sit on the left 150px of the page. Obviously you can change the width to whatever you need to make it fit right. The "maincontent" div will sit immediately to the left of the menu. The "overflow:auto" means that if you create enough content in that div that it would make the page stretch down below the viewport or down below the menu, then a scrollbar will appear and allow users to scroll down to see it. The menu will stay put.

There are a few caveats to this that get too complex to get into right now without a lot more info from you. This should get you started if you choose to try to go this route.

Good Luck