Need help? Check out our Support site, then


Mobile Tables

  1. taylorbjohnson
    Member

    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 taylorjohnson.ca.

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

  3. taylorbjohnson
    Member

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

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

  5. taylorbjohnson
    Member

    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.

  6. 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.

  7. 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…

  8. taylorbjohnson
    Member

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

    Thanks.

  9. taylorbjohnson
    Member

    Still awaiting help...

Topic Closed

This topic has been closed to new replies.

About this Topic