[Last Call] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 598
  • Last Modified:

css inverted tabs sample

Greetings,

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

http://www.456bereastreet.com/lab/inverted_tabs/#

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

0
simflex
Asked:
simflex
  • 2
1 Solution
 
viral_sonawalaCommented:
0
 
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:

http://www.456bereastreet.com/lab/inverted_tabs/#

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
0
 
simflexAuthor Commented:
I didn't get what I was after. No need to keep this thread open
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

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