Main contents under 3 buttons

I have a web page at http://form.kr/q/swap5/
The page works fine.
I like to change it for making the main content of the page just under the button related.

The page at http://form.kr/q/swap06/ is one of my trials for it.
I tried “z-index:0” on the main block and “z-index:1” on the button related blocks.
I want the main block is being located under the buttons and their contents.

Do you mean that you want the content that is revealed to sit on top of the main content of the page rather than displacing it?

If so then you need to remove the hidden divs from the flow using position absolute when they are revealed.

Have a go yourself first but remember that you will probably need position relative on a parent in order to place the absolute element where it needs to go.

1 Like

In case you are stuck::slight_smile:

Yes, I was in stuck.
Your page at https://codepen.io/paulobrien/pen/VwKMvrz is one of breaking pins the stuck.

I am curious about the quote below

The text in the quote above seems not English.
Since it comes lots of time, I like to know the meaning of the text.
Could you rephrase it in English?

Its based on Latin and was used in the 1500s for typesetting examples.

These day’s It’s a way of presenting pseudo text content without distracting a user from reading it and is commonly used in mock up pages.

There are other modern variations such as sagan ipsum which is quite amusing.

You lost me lol :slight_smile:

3 Likes

I don’t pursue to catch you but just follow you.
On the contrary, I want be beyond you in my field(project).

By the way, at the codepen page, I have another requirement below.

The below is the correction of the above.

That seems odd but what else is new :slight_smile:

If you get stuck the post what you tried.

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.