Tabbed Table in Posts [library support]

[Loki Laufeyson]

Wormopolis

First off, thank you so much for this code. I have been in need of tabbed content for ages and this is perfect <3

Unfortunately, I'm a also bit of an idiot XD

I sort of have this working, sort of not and need some assistance. There is content missing from the last tab, and if you go back and forth the content vanishes from the other tabs and Im not sure how to fix this. I imagine it's probably a setting I have toggled wrong or a CSS error on my end.

[Wormopolis]

Grey text in a black background hsrd to see on my ohone, but as a test, change the tab names to be without the and symbol. Just so I can rule that out

[Loki Laufeyson]

Nov 20, 2013 11:20:31 GMT -8 Wormopolis said:

Grey text in a black background hsrd to see on my ohone, but as a test, change the tab names to be without the and symbol. Just so I can rule that out

That seems to sort of fix it. Things pop back and forth for a bit before text vanishes again. Also there is the fact that it 'pops' - it fades down before sliding back into position.

[Wormopolis]

That's the effect of the Divs moving around. To fix that is going to require a little CSS trickery.

But let me see what I can do about the and symbol.

[Loki Laufeyson]

Wormopolis

Awesome! Thank you for your help =3

[Former Member]

Wormopolis

(would & amp ; work for the and symbol in posts?)

anyway, my problem is a bit odd. I had someone design a table for me: their test table is here: pmttestforum.proboards.com/thread/8/test

in addition to the code she gave me CSS to put in my style sheet for formatting
.post .message table.PT_table {width: 90%;} /* Overall table default */
.PT_table .PT_table_header {text-align: center;} /* Table title if there is one */
.PT_table .PT_tabs {font:13px georgia; text-align:center; background-color:#cbb6a1; border-bottom: 2px solid #424826; } /* Tabs unselected */
.PT_table .PT_tabs_selected { font:13px georgia;text-align:center; background-color:#b6a08a; border-bottom: 2px solid #424826; } /* Tabs selected */
.PT_table .PT_tabs_hover {font:13px georgia; text-align:center; background-color:#b6a08a; border-bottom: 2px solid #424826;} /* Tabs hover */
.PT_table .PT_tabs_selected_hover {font:13px georgia; text-align:center; background-color:#b6a08a; border-bottom: 2px solid #424826;} /* Tabs selected Hover */
.PT_table .PT_spots {} /* The content sections under the tabs */

Our settings are identical in the plugin as well. And yet, for some reason, the exact same code on my site looks like:
alcryst.proboards.com/thread/253/testing-official-thread?page=1&scrollTo=402

You'll notice the tabs do not have their background color, nor their selected background color. I have no clue why, do you, by chance?

[Wormopolis]

it doesnt look like they have it applying section styling to the tabs. the tabs are retaining the CSS styling, whereas yours are inheriting the style you are inserting into the closing tag for the sections.

[Ishy]

Is there any possibility of how I can edit a tabbed table I'm making so the tabs are to the left and the content to the right?

[Wormopolis]

for all the tabbed tables or just that particular table?

[Ishy]

Just a particular table so I have options.

[Wormopolis]

so you know how you can do CSS applied to that specific table by putting it in the closing tag? one of the selectors I added in was

tab-alignment

[/PTabbedTable={tab-alignment:right}]

as for alignment in the sections themselves, they default to left alignment already, but you can add into their individual section CSS the selector text-alignment

[/PTab={text-alignment:center}]

[Ishy]

I'm talking about having the tabs to the left and the content to the right, as if I put it into a two column table with the tabs in the left table and the content was in the right table.

[Wormopolis]

Oh I get it now. yeah that would take a rewrite to change the backbone structure of the table itself.

[Ishy]

Okie dokie, thank you for your time.

[Wormopolis]

Ill add it to the list, but it might be a while