Hey Jeff, thanks for taking the time!!!
Okay, this is the code that I am using for the first set of five icons on my page (under the title “Active Comicjams”) :
<h4><i class="icon-pencil"></i> Active Comicjams</h4>
<a href="http://comicjams.net/zero"><img class="alignnone size-full wp-image-6795" src="http://comicjams.net/wp-content/uploads/2013/03/zero_thumb.jpg" /></a> <a href="http://comicjams.net/surface"><img class="alignnone size-full wp-image-6795" src="http://comicjams.net/wp-content/uploads/2013/03/title_surface.jpg" /></a> <a href="http://comicjams.net/fusion-odyssey"><img class="alignnone size-full wp-image-6795" src="http://comicjams.net/wp-content/uploads/2013/03/title_fusion.jpg" /></a> <a href="http://comicjams.net/eat-dust-gringo"><img class="alignnone size-full wp-image-6795" src="http://comicjams.net/wp-content/uploads/2013/03/title_gringo.jpg" /></a> <a href="http://comicjams.net/byond"><img class="alignnone size-full wp-image-6795" src="http://comicjams.net/wp-content/uploads/2013/03/title_boynd.jpg" /></a>
In the next section I have ten icons, and I’m just duplicating the above code twice. But depending on the width of the screen the space between each icon CAN make the icons placed uneven (like one is not aligned with the one below it, but is placed 5-10 pixel left of it). Here is THAT code:
<h4><i class="icon-pencil"></i> Legacy Comicjams</h4>
<a href="http://comicjams.net/zero"><img class="alignnone size-full wp-image-6795" src="http://comicjams.net/wp-content/uploads/2013/03/zero_thumb.jpg" /></a> <a href="http://comicjams.net/surface"><img class="alignnone size-full wp-image-6795" src="http://comicjams.net/wp-content/uploads/2013/03/title_surface.jpg" /></a> <a href="http://comicjams.net/fusion-odyssey"><img class="alignnone size-full wp-image-6795" src="http://comicjams.net/wp-content/uploads/2013/03/title_fusion.jpg" /></a> <a href="http://comicjams.net/eat-dust-gringo"><img class="alignnone size-full wp-image-6795" src="http://comicjams.net/wp-content/uploads/2013/03/title_gringo.jpg" /></a> <a href="http://comicjams.net/byond"><img class="alignnone size-full wp-image-6795" src="http://comicjams.net/wp-content/uploads/2013/03/title_boynd.jpg" /></a> <a href="http://comicjams.net/zero"><img class="alignnone size-full wp-image-6795" src="http://comicjams.net/wp-content/uploads/2013/03/zero_thumb.jpg" /></a> <a href="http://comicjams.net/surface"><img class="alignnone size-full wp-image-6795" src="http://comicjams.net/wp-content/uploads/2013/03/title_surface.jpg" /></a> <a href="http://comicjams.net/fusion-odyssey"><img class="alignnone size-full wp-image-6795" src="http://comicjams.net/wp-content/uploads/2013/03/title_fusion.jpg" /></a> <a href="http://comicjams.net/eat-dust-gringo"><img class="alignnone size-full wp-image-6795" src="http://comicjams.net/wp-content/uploads/2013/03/title_gringo.jpg" /></a> <a href="http://comicjams.net/byond"><img class="alignnone size-full wp-image-6795" src="http://comicjams.net/wp-content/uploads/2013/03/title_boynd.jpg" /></a>
And FINALLY, here is the code I was trying out for the five collum test (which just quickly placed all icons in a vertical line):
[one_fifth]<a href="http://comicjams.net/zero"><img class="alignnone size-full wp-image-6795" alt="Zero" src="http://comicjams.net/wp-content/uploads/2013/03/zero_thumb.jpg" /></a>[/one_fifth]
[one_fifth]<a href="http://comicjams.net/zero"><img class="alignnone size-full wp-image-6795" alt="Zero" src="http://comicjams.net/wp-content/uploads/2013/03/zero_thumb.jpg" /></a>[/one_fifth]
[one_fifth]<a href="http://comicjams.net/zero"><img class="alignnone size-full wp-image-6795" alt="Zero" src="http://comicjams.net/wp-content/uploads/2013/03/zero_thumb.jpg" /></a>[/one_fifth]
[one_fifth]<a href="http://comicjams.net/zero"><img class="alignnone size-full wp-image-6795" alt="Zero" src="http://comicjams.net/wp-content/uploads/2013/03/zero_thumb.jpg" /></a>[/one_fifth]
[one_fifth_last]<a href="http://comicjams.net/zero"><img class="alignnone size-full wp-image-6795" alt="Zero" src="http://comicjams.net/wp-content/uploads/2013/03/zero_thumb.jpg" /></a>[/one_fifth_last]
If at all possible, what I’m looking for is a way to display a bunch (let’s say 10) of icons in rows of five. So at “full screen” it’s 5 icons on top and 5 icons at bottom. If the screen is slightly smaller. it would be 4 icons on top, 4 in the middle and 2 at the bottom. Smaller again it would be 3+3+3+1 … aso. And they would all be nicely alligned. IS this possible?