Inlining TD tags with a lot of junk in them!

[toddsqui]

Hi all,

I’m sort of new to coding. I made some TD tags in my table and now I need them to be inline at a browser resolution of 620px. Here is a link to the page in question:

http://toddsqui.github.io/Ann-Portfolio/blog.html

If you reduce the browser to 620px, all of the tables float to the left, which is fine, but I need every other TD tag to go to the right. I’ve tried reducing the width of the overall table, but this hasn’t worked. I’ve tried reducing the .container class and this just messes things up more. The display-inline-table combination doesn’t work very well either.

Any help would be super appreciated.

Thanks so much everybody.

Sincerely,

Todd

[Paulie_D]

Hacking around on a live site with Developer Tools is, frankly, a pain.

Any chance you could make a minimal example in Codepen.io?

I feel it encumbent to say that tables for layout is very 1990’s…we’ve moved on a looooonng way since then.

[toddsqui]

Paulie, I appreciate your attention on this problem.

As you have requested, here is a rough version of what I’m working with, on codepen. Thoughts would be most appreciated.

http://codepen.io/anon/pen/JXZRrg

Thanks,

T

[Author]

Posts