ExpressionEngine CMS
Open, Free, Amazing

Thread

This is an archived forum and the content is probably no longer relevant, but is provided here for posterity.

The active forums are here.

Photo Gallery: How to space thumbnails?

September 28, 2008 1:08pm

Subscribe [3]
  • #1 / Sep 28, 2008 1:08pm

    malmethod

    9 posts

    I have put together a photo gallery using a weblog section, and am displaying thumbnails. I am trying to space these thumbnails horizontally so that they span across the entire white box. Is there any way to do this that I am just too dense to recognize?

    Here is the code I’m using:

    <div id="thumbTable">
        <table cellpadding="0" cellspacing="0" border="0" width="760">
            <tr>
                <td>
                    {exp:weblog:entries weblog="work" orderby="date" sort="asc"}
                    {work_thumb}
                    {/exp:weblog:entries}
                </td>
            </tr>
        </table>
    </div>
  • #2 / Sep 28, 2008 11:56pm

    malmethod

    9 posts

    Anyone? I really need some support on this.

    Thanks!

  • #3 / Sep 29, 2008 1:03am

    sciexpression

    19 posts

    <div id=“thumbTable”>
      <table cellpadding=“0” cellspacing=“0” border=“0” width=“760”>
          <tr>
            <td>
              {exp:weblog:entries weblog="work" orderby="date" sort="asc"}
              {work_thumb}
              {/exp:weblog:entries}
            </td>
          </tr>
      </table>
    </div>


    how about using external CSS? or just use cell padding to increase the space.

  • #4 / Sep 29, 2008 8:00am

    Bruce2005

    536 posts

    #thumbTable center in css, add
    margin: 0 auto;
    text-align: center;

    and:
    #thumbTable img {
    padding to fit;
    }

.(JavaScript must be enabled to view this email address)

ExpressionEngine News!

#eecms, #events, #releases