I have been working on codes for that
I was trying to get it to work for a fixed position, so that it would stick to the top more smoothly, but the images wouldn't expand after I scrolled down.
The following code works well and the images expand after scrolling, but I had to use an absolute positioning style(the default), which is less smooth than a fixed postion and makes it to be more like a floating dock. Try inserting this after your code for the dock menu:
[url=http://profiles.friendster.com/babababooya][sub]+rep[/sub][/url][/b]
<">[b]1st post updated to include this add-on
Last edited by shakiro214 (2008-03-06 15:44:07)
Bcoz I'm quite sure that it initally did not come with the scrolling. You must have copied the codes from my test page
[b]your solution:[/b] Just do the steps in the 1st post without using the instructions for the add-on
The dock should disappear when i scroll down the page.
heres my friendster link. [url]www.friendster.com/yapchester[/url]
dat's strange. Try some different CSS:
[quote].dock {
position: [b]relative[/b];
height: 50px;
text-align: center;
z-index:250002;
}[/quote]
try changing the position to [b]absolute[/b] or [b]fixed[/b] then add a [b]top[/b] and/or [b]padding top[/b]
[quote].dock {
position: [b]absolute;[/b]
[b] top: 0[/b]; // distance of border from the top
[b] padding-top: 35px[/b]; // distance from border to content
height: 50px;
text-align: center;
z-index:250002;
}[/quote]
Last edited by shakiro214 (2008-03-07 04:55:14)
Last edited by juvelaen (2008-03-21 05:47:20)