top



You know the floating menu on the bottom left of this site
Well im wondering how do u make that. Cause i made a floating menu on the top right of my site but i want one on the bottom left hand corner.

I tried to find it in the tutorials but couldnt find it. Can someone tell me how to do it?

Its simple CSS.

If you make an element and give it the ID of 'floatingmenu' for instance. You would do this:

#floatingmenu {
position: fixed;
bottom: 0px;
left: 10%;
}
that would put it roughly where the menu is here.

Here the Tutorial

http://www.worlddezign.com/t883-make-a-floating-menu

Like it didnt work. Like how do i put it horizontal?
Like i have it top right corner vertical. 1st image on top. I cant get it.

In the tutorial it gives you this CSS:
.floating-menu{list-style:none;
position: fixed;
top:35%;
left:-2px;
padding: 10px;}

Change it to this:

.floating-menu{
list-style:none;
position: fixed;
bottom:0px;
left:10%;
display: inline;
}

but can you tell me how to make it horizontal like the one on the bottom. I can only make mine vertical.

Give it a certain height and you're done though

but i want it horizontal. Not vertical

Like this: 1 2 3 4

not:
1
2
3
4

Can I have a look at the full code? I mean what you keyed in.

The code i used? U mean the html one or css?

Both

.floating-menu{list-style:none;
position: fixed;
top:00%;
right:0px;
padding: 10px;}
and the html one from the tut

Code:

.floating-menu{
position: fixed;
margin: 0 auto;
height: what you desire
width: what you desire
bottom: 0px;
padding: what you desire}