Mobile Tables

• 

  taylorbjohnson · Member · Feb 4, 2014 at 1:21 am

  • Copy link
  • Add topic to favorites

  I use tables to organize my photos on pages, but it messes up my mobile site, how do i get it so they will just adjust to fit the page of the mobile device?

  Thanks.

  The blog I need help with is: (visible only to logged in users)

• 

  raincoaster · Member · Feb 4, 2014 at 1:43 am

  • Copy link

  You don’t use tables, is the short answer. It is also the correct answer.

• 

  taylorbjohnson · Member · Feb 4, 2014 at 1:48 am

  • Copy link

  Well I need tables to organize my photos in collums, since there is no other way.

• 

  raincoaster · Member · Feb 4, 2014 at 2:06 am

  • Copy link

  Actually, you could use Galleries, which look like tables but are also dynamic so they don’t break the mobile theme.

• 

  taylorbjohnson · Member · Feb 4, 2014 at 2:23 am

  • Copy link

  The thing is I want to be able to click on each photo and for it to go to a different page on my site with the whole other album.

• 

  1tess · Moderator Emeritus · Feb 4, 2014 at 3:05 am

  • Copy link

  You might find using “float” useful.
  Float left, float right, and using percentages. In some themes, tables work okay using percentages as well.

  But as for the columns, with floatleft and floatright, here is an article to get you started:
  http://wpbtips.wordpress.com/2009/06/10/formatting-text-pt-1/
  (flexible width themes)

  <div style=”float:left;width:50%;”>
  <div style=”padding-right:10px;”>

  LEFT CONTENT HERE
  </div></div>

  <div style=”float:right;width:50%;”>
  <div style=”padding-left:10px;”>

  RIGHT CONTENT HERE
  </div></div>

  <div style=”clear: both;”></div>

  There may be some other adjustments you’ll need for mobile sites, but I don’t have experience with that.

  This may also be useful: http://en.support.wordpress.com/display-posts-shortcode/
  though not exactly what you want, and there have been some problems with this shortcode.

  Or switch to a theme which displays a grid of images linking to posts. Another volunteer will have more specific recommendations about themes which function that way.

• 

  1tess · Moderator Emeritus · Feb 4, 2014 at 3:09 am

  • Copy link

  Here is info about using table coding with percentages rather than specific width definitions:
  http://wpbtips.wordpress.com/2013/04/09/table-coding-for-wordpress-com-users/
  But as I said, I don’t have a mobile device, so I’m not sure how this would work. In some flexible width themes, pictures to scale down as screen width narrows.

  Hope this helps…

• 

  taylorbjohnson · Member · Feb 4, 2014 at 11:31 am

  • Copy link

  How would i Use ‘float’ if i want a table 4 collums wide?

  Thanks.

• 

  taylorbjohnson · Member · Feb 5, 2014 at 9:31 pm

  • Copy link

  Still awaiting help…