• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 604
  • Last Modified:

css inverted tabs sample


I found the link below that contains css inverted tabs, something I have been looking for for a long time.


However, there is a problem.

Even though none of the tabs has a link, when I played with it with actual link, clicking on the link takes me out of the screen.

I would like the default screen (with the title Inverted Sliding Doors tabs) to be the main screen.

This way, it doesn't matter what tab I click, content on that tab will render on this main screen while maintaining same layout.

Hopefully, I am making some sense.

Thanks in advance

  • 2
1 Solution
simflexAuthor Commented:
Thanks for your response and I am sorry I was on the road ( i drive a long way to and fro work).

That example addressed everything except have content render on a default (main page) just as though it were a frame.

Here is an example of what I mean.

If you look at the example from the link I posted:


Notiec that as soon as you go to that page, the default title is:

Inverted Sliding Doors tabs followed by the content for that page.

I believe the id for that page is main, <id="main"...
If I click on Home or Services, for instance, how do I make content appear at the same id which is main?

Thanks a lot again
simflexAuthor Commented:
I didn't get what I was after. No need to keep this thread open
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now