Tables not aligning in Expound Theme

• 

  nwabearsfan · Member · Apr 19, 2016 at 9:37 pm

  • Copy link

  If tables are more hassle than they’re worth, is there an easier way to create my desired looks without using tables? I’m open to other ideas or suggestions. I just know that tables seem to make sense to me, conceptually.

• 

  thesacredpath · Member · Apr 19, 2016 at 10:50 pm

  • Copy link

  You know, not that I can think of. Take a look at this page on my test site where I clipped out a nested tables from pitching leaders and try it out. Below the table you will find the HTML for the table and below that the CSS I used to create the effect you see, which, I think, is what you wanted.

  What I’ve done is to make all rows pointer events none and then overridden that for the individual table cells that have a link in them. I’ve set the alternating colors by using nth-child pseudo selectors to target odd and even and then also included CSS to keep the colors correct on the rows when you hover over the linked text in one of the rows.

  You are going to have to be careful on assigning other CSS classes and make sure that in other sections of the overall table structure where you do not want the odd-even/pointer/no pointer that you do not duplicate otherwise this styling will end up applied to those as well.

  See what you think.

• 

  nwabearsfan · Member · Apr 20, 2016 at 1:38 am

  • Copy link

  Your site looks exactly like I’m wanting. However, when I applied your html and css to the first 2 tables on the page and it doesn’t look to have changed anything. I think I understand what you did but don’t understand why it’s not working.

• 

  nwabearsfan · Member · Apr 20, 2016 at 1:39 am

  • Copy link

  I have saved the changes I made that you suggested to you could see what’s (not) happening.

• 

  thesacredpath · Member · Apr 20, 2016 at 8:39 am

  • Copy link

  You know, trying to figure out what needs to be changed and/or modified in all your existing table code is a major challenge, especially with so many nested tables.. I’d suggest copying the entire table into another draft page and remove all CSS classes that you have set for all the different table elements and then start from scratch. My approach would be to minimize the nesting.

  One with Single Season and Career in it.
  One with games and games in it.
  One with games started and games started in it.

  Once you have that worked out, then you have a template to use with any others you will have. Save that as a template in a draft page or post for copy/pasting if you need another set of tables.