Blogger / Portfolio: Positiong Images in Blogger

Brian "Panda" Choi

Hey Polycount:

So I've been having decent success with Blogger for my portfolio, but right now I do not know how to manually position images on a post in such a way that the images are side by side in a line in the post.

Right now, at best I can get it 2 per row with some heavy effort because in "Compose" the placement starts to freak out.

In HTML, I do not know how to get the results I want.

Eric Chadwick

Does Blogger support CSS?

You could try something like this:

<div style="float:left;"><a href="foo.html"><img src="foo_thumb.jpg" /></a></div>
<div style="float:right;"><a href="goo.html"><img src="goo_thumb.jpg" /></a></div>
<br/>
<div style="float:left;"><a href="hoo.html"><img src="hoo_thumb.jpg" /></a></div>
<div style="float:right;"><a href="joo.html"><img src="joo_thumb.jpg" /></a></div>
<br/>

Without CSS, you could do something like this, but it's not really aligned left/right, so the thumb sizes need to be all the same to make it align verticslly:

<a href="foo.html"><img src="foo_thumb.jpg" /></a>   
<a href="goo.html"><img src="goo_thumb.jpg" /></a>
<br/>
<a href="hoo.html"><img src="hoo_thumb.jpg" /></a>   
<a href="joo.html"><img src="joo_thumb.jpg" /></a>
<br/>

I'm no expert tho.

Brian "Panda" Choi

With the former HTML code, I'm still getting awkward positiong and at most, 2 images per line

Eric Chadwick

Oh, yeah that's only two per line, and minimal code so not very flexible.

Time to start learning html I guess. Check this out. http://www.w3schools.com/css/css_image_gallery.asp