Extensions Database 3.1 / 3.2 ⇒ 3.1.x [RC] Tables bbCode

[Sniper_E]

Really? I tested on IE Edge, Chrome 54.2840.71 and Firefox 49.??. All the titles and text are aligned left on my screen. And the guidelines are above the title on all browsers. Do you see anything needs fine tuning or lined up from your view. I don't want to mis-align the good browsers but I do want it as close to perfect as possible.

The guidelines box should be in line with the selections table.

[ Post made via Samsung Galaxy S5 Active ]

[proavia]

IE - also, text in guidelines is not left justified

Tables_IE.jpg

Chrome

Table_Chrome.jpg

[Sniper_E]

In the tables.css I have... text-align: left; on the selections id.
Change that to text-align: left !important; and see if it aligns left in your IE.
That should over ride the center in the th class. Hopefully...
We can't have that.

[ Post made via Samsung Galaxy S5 Active ]

[proavia]

Under
/* Hide selections block until click */
or
/* Responsive */

[Sniper_E]

It will need to be in both probably for your IE
The first one for the view you showed me.

[ Post made via Samsung Galaxy S5 Active ]

[proavia]

Tried /* Hide selections block until click */ first only - no go
Added /* Responsive */ - still the same

Purged cache and refreshed browser both times.
At least that didn't screw up Chrome.

[Puchahawa]

Just for the record did my normal checks 3.1.9 and 3.1.10 with abbc3, aero and prosilver, Ie, FF and chrome and got the same thing with IE. so far edits have no effect.

Did notice when I shrink my screen to emulate responsive when It's as small as it will go (like cell phone) I get this for the table selections.

v2.0.8 responsive.png

[Sniper_E]

Damn that IE. We always have problems with it.

The <th> is what has that going center. Hell it may even be the style css you are using. I may have to put an extra class in there to fix that.

Code: Select all

#tables-button-selections th, #tables-abbc3-selections th, #tables-pb-selections th { text-align: left !important; }

Place that under the line we are fooling with and see if that does the trick.

Wow I will have to hide the guidelines in responsive.

Code: Select all

.tables_guidelines:hover .guidelines { display: none; }

[ Post made via Samsung Galaxy S5 Active ]

[Puchahawa]

That worked. Ie is playing nice again.

Edit: chrome and FF ok with that change.

Only other thought I had is when the table selections are showing people would not know the guidelines are there unless they happen to hover over the words. Maybe something simple like the this behind the words. <-- mouse over for guidelines

[Sniper_E]

Cool now check my above post for responsive edit.

Maybe a different link for guidelines? "Table Guidelines" link.
Or maybe they can figure it out. How did you figure out the guidelines were there?

[ Post made via Samsung Galaxy S5 Active ]

[proavia]

Under /* Hide selections block until click */
That took care of the IE issue.

I left the other two edits in also.

[Puchahawa]

Responsive edit works for guidelines, but the table selection is still messy like the pic.

[Puchahawa]

Cool now check my above post for responsive edit.

Maybe a different link for guidelines? "Table Guidelines" link.
Or maybe they can figure it out. How did you figure out the guidelines were there?

You posted what your plans were for moving the guidelines and dropdown earlier so I was looking for it. Most people would likely find them. In my case I have a page on how to do things like use tables and signs so people would know if they bother to read it.

[Sniper_E]

Alright I'll have to look at that and figure something out. I wish I could see what ya see. My view is nice. I'll think over what to do with the guidelines also. Pulling the download until I resolve tests issues. Im not going 2.0.9 for IE

Thanks guys!

[ Post made via Samsung Galaxy S5 Active ]

[proavia]

As for the responsive pic that Puchahawa posted above - I wonder whether that's style dependent or not? When I change the width of my browser window to reflect his pic, I also lose the CSS Magic header and the image (not the text) in the Custom Header Logo ext. This all happens at the same time at a specific width. But I can get the Guidelines to display.

That's what I get in IE. On my iPhone, I cannot get the Guidelines to display - which is certainly not a crisis. I don't think I'd ever try to do a table from it anyway.