Topic awaiting preservation: Another Drop Down Question (Page 1 of 1)

Hi, guys.
How are you?
Could I ask you this?
I have just made this drop down.
Well, feel cool.
But I don't understand a bit of code:

table.menu{

            visibility: hidden;

            position: absolute;

          }

How does position:absolute; part work??? If I delete it, something funny thing happens. Would you have any idea of it?



Hiroki Kozai

That is indeed a very simple way of doing a rollover-menu. Not much code at all.

with
position: absolute;
set to an object you can position this object exact with pixels on the website.

example:
#objt { position: absolute; left: 100px; top: 100px; }
<div id="objt">
this object will be positioned at 100pixels from the left and 100pixels from the top of the browser.

Hi, mate.
Many thanks for your reply.
Could I ask you a bit more?
Well, I understand what you mean.
Please see my thread once again?

table.menu{           

                           visibility: hidden;          

                           position: absolute;          }

This doesn't say anything about where to positon, does it? Actually I don't understand this way. I deleted positon: absolute; from above. Then I got above funny thing. Hmm.....would you know what I mean??? Would you know how it works?



Hiroki Kozai

By setting an element's position to absolute, you remove it from the "document flow" - in other words, it doesn't take up any space.

When you remove that line, the dropdown box takes up space again, so the element in which it is contained gets bigger, to hold it.

I must admit, though, that I'm also not quite sure why it appears in the correct position when position:absolute is set, but its coordinates (left/top) are not set. I would think it would appear in the upper left of the browser.

Hi,Slime:

quote:

---

By setting an element's position to absolute, you remove it from the "document flow" - in other words, it doesn't take up any space.

---

That is great. Thanks for your explanation.
How are you today?
Have a good day, mate.
Cya.

Hiroki Kozai