Assuming your thumbnails are all the same width, then this code should work nicely.
<div style="text-align:center;width:100%;display:block">
<img align="left" src="your-thumbnail.jpg" />
<img align="left" src="your-thumbnail.jpg" />
<img align="left" src="your-thumbnail.jpg" />
<img align="left" src="your-thumbnail.jpg" />
<img align="left" src="your-thumbnail.jpg" />
<br />
<img align="left" src="your-thumbnail.jpg" />
<img align="left" src="your-thumbnail.jpg" />
<img align="left" src="your-thumbnail.jpg" />
<img align="left" src="your-thumbnail.jpg" />
<br />
<img align="left" src="your-thumbnail.jpg" />
<img align="left" src="your-thumbnail.jpg" />
<img align="left" src="your-thumbnail.jpg" />
</div>
When I read this I was all jump’n’joy.
Code looks sweet and elegant.
But then I tried putting the code in my page by switching from VISUAL mode to HTML mode in wordpress editor and pasting it in there. If you click the link above again, you will see the result of your code.
Sorta close Joe, but no love. No cigar either.
Thanks for the try though <3
<p style="text-align:center;">
<img src="http://loved-torrents.netai.net/wp-content/uploads/2010/07/your-thumbnail.jpg">
<img src="http://loved-torrents.netai.net/wp-content/uploads/2010/07/your-thumbnail.jpg">
<img src="http://loved-torrents.netai.net/wp-content/uploads/2010/07/your-thumbnail.jpg">
<img src="http://loved-torrents.netai.net/wp-content/uploads/2010/07/your-thumbnail.jpg">
<img src="http://loved-torrents.netai.net/wp-content/uploads/2010/07/your-thumbnail.jpg">
<img src="http://loved-torrents.netai.net/wp-content/uploads/2010/07/your-thumbnail.jpg">
</p>
Try this too:
<p style="text-align:center;">
<img src="http://loved-torrents.netai.net/wp-content/uploads/2010/07/your-thumbnail.jpg">
<img src="http://loved-torrents.netai.net/wp-content/uploads/2010/07/your-thumbnail.jpg">
<img src="http://loved-torrents.netai.net/wp-content/uploads/2010/07/your-thumbnail.jpg">
<br style="clear:both;" />
<img src="http://loved-torrents.netai.net/wp-content/uploads/2010/07/your-thumbnail.jpg">
<img src="http://loved-torrents.netai.net/wp-content/uploads/2010/07/your-thumbnail.jpg">
<br style="clear:both;" />
<img src="http://loved-torrents.netai.net/wp-content/uploads/2010/07/your-thumbnail.jpg">
</p>
Hi Clayton.
If you press the link in the original post you will see what your inserted code looks like.
Not reaaaaaly the same quality as mmo-champion, if I might put it delicately 🙂
I hope Im not doing something wrong. Im inserting the code as html in the wordpress editor.
@medievia You have to point the image tags to actual images. I used “your-thumbnail.jpg” in my example just as a place holder.
Not reaaaaaly the same quality as mmo-champion, if I might put it delicately 🙂
I hope Im not doing something wrong. Im inserting the code as html in the wordpress editor.
yeah… I’m not sure why I thought you would remove the breaks when you posted it.
I hate to be Mr. obvious, but just go look at the source code in the example. Better yet, here it is. Just supply the path to your own images and your own links to use it.
“Borrowed” right from their site source code. Go have a look at it.
It looks like Joe had you pointed in the right direction from the very beginning.
And please remove my name from your website. I’ll communicate with you here instead.
Thank you.
