1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Wordpress Question

Discussion in 'Blogging' started by Keevee, May 26, 2009.

  1. Keevee

    Keevee Junior Member

    Joined:
    Feb 24, 2009
    Messages:
    101
    Likes Received:
    2
    Hi, I'm trying to set up a page in wordpress with images and I would like the layout to be something like this:

    (pretend the x's are images)

    x x x

    x x x

    x x x

    Right now, all I'm doing is placing an image and manually pressing space bar in between but this doesn't seem efficient timewise...lol. Is there an easier way to obtain this kind of layout with my images on wp?

    Thanks!
     
  2. Micallef

    Micallef Supreme Member

    Joined:
    Apr 29, 2009
    Messages:
    1,345
    Likes Received:
    1,221
    Occupation:
    SE Manipulator
    Location:
    London, UK
    Home Page:
    when you are editing a post, upload an image. then, instead of inserting into post, click save changes. If you have uploaded more than one image, the option to put the pictures in a gallery 3 x 3 will display here.
     
    • Thanks Thanks x 1
  3. _Austin

    _Austin Junior Member

    Joined:
    Apr 9, 2009
    Messages:
    147
    Likes Received:
    39
    This seem like the easiest way but I've never looked.

    Another option is to hard code them in with a table, just click the HTML tab at the top of your post and you can use the following template:

    HTML:
    <table>
      <tr>
        <td>img code 1x1</td>
        <td>img code 1x2</td>
        <td>img code 1x3</td>
      </tr>
      <tr>
        <td>img code 2x1</td>
        <td>img code 2x2</td>
        <td>img code 2x3</td>
      </tr>
      <tr>
        <td>img code 3x1</td>
        <td>img code 3x2</td>
        <td>img code 3x3</td>
      </tr>
    </table>
    
    _Austin
     
    • Thanks Thanks x 1
  4. markm455

    markm455 Registered Member

    Joined:
    Apr 1, 2007
    Messages:
    92
    Likes Received:
    10
    I agree using the gallery would be the easiest way to go. If you don't like the built in function the nextgen gallery plugin has worked well for me.
     
    • Thanks Thanks x 1
  5. TermsB

    TermsB Senior Member

    Joined:
    May 19, 2009
    Messages:
    1,076
    Likes Received:
    734
    Location:
    USA
    _Austins way is the best, using a table in html. Reminds me of the days of first learning the stuff.
     
    • Thanks Thanks x 1
  6. Keevee

    Keevee Junior Member

    Joined:
    Feb 24, 2009
    Messages:
    101
    Likes Received:
    2

    I like this method. Thanks.

    How do I add spaces in between the images both adjacent and spaces between top and bottom images?
     
  7. _Austin

    _Austin Junior Member

    Joined:
    Apr 9, 2009
    Messages:
    147
    Likes Received:
    39
    In the | <table> | tag you can play with the | cellpadding="#" | and the | cellspacing="#" | attributes.


    IE:
    HTML:
    <table callpadding="10" cellspacing="10">
    Play with cellpadding: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_cellpadding
    Play with cellspacing: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_cellspacing

    _Austin
     
    • Thanks Thanks x 1