Wordpress Question

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!

 

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.

 

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

 

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.

 

_Austins way is the best, using a table in html. Reminds me of the days of first learning the stuff.

 

I like this method. Thanks.

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

 

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