I find the tab element to be very useful in organizing content on any given webpage. I'm using a tab element now to reflect a weekly game schedule and results for a fun fall lacrosse league sponsored by our high school. Using the Sports Engine tournament feature was overkill for our needs.
The issue I have is that the tabs 'float' on the page and frankly don't look like tabs. Wondering if there is a way to connect the tabs and make them look like layered files, sort of like this:
Of course, if there are only say 2 tabs in use then the content for each tab should stretch the width of the layout container.
Also, would be great to understand how to change the default view to highlight different tabs, rather than always defaulting to the first tab on the far left. In our case, I'd like to show current week game results.
I'm no CSS coder but happy to try anything once! Thanks.
Question
LHSLaxWebAdmin
I find the tab element to be very useful in organizing content on any given webpage. I'm using a tab element now to reflect a weekly game schedule and results for a fun fall lacrosse league sponsored by our high school. Using the Sports Engine tournament feature was overkill for our needs.
The issue I have is that the tabs 'float' on the page and frankly don't look like tabs. Wondering if there is a way to connect the tabs and make them look like layered files, sort of like this:
Of course, if there are only say 2 tabs in use then the content for each tab should stretch the width of the layout container.
Also, would be great to understand how to change the default view to highlight different tabs, rather than always defaulting to the first tab on the far left. In our case, I'd like to show current week game results.
I'm no CSS coder but happy to try anything once! Thanks.
Peter
Link to comment
Share on other sites
11 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now