Pic alignment in posting

you could add a ‘clear:right;’ to the img.alignright style:

img.alignright {padding:0; margin:0 0 5px 7px; display:inline; clear:right;}

i also increased the bottom margin (the third number in margin) to 5px to separate the images harmoniously ??

just be aware that this will effect all images with the .alignright class.

that worked well. thanks.

however there’s another related issue i’d like to workout. since i have the Details H2 start after the image codes, the Details H2 gets bumped down two lines. How do i set it so that everything after the images is at teh top of the posting, regardless of how many images I have????

that is probably caused by the <br /> after each image.
see if you can find them in your page, and delete them.

<p><a href="https://www.diveneycue.com/wordpress/wp-content/uploads/2010/02/Picture-038.jpg"><img class="alignright size-thumbnail wp-image-197" title="Picture 038" src="https://www.diveneycue.com/wordpress/wp-content/uploads/2010/02/Picture-038-150x150.jpg" alt="" width="150" height="150" /></a><br />
<a href="https://www.diveneycue.com/wordpress/wp-content/uploads/2010/02/Picture-044.jpg"><img class="alignright size-thumbnail wp-image-203" title="Picture 044" src="https://www.diveneycue.com/wordpress/wp-content/uploads/2010/02/Picture-044-150x150.jpg" alt="" width="150" height="150" /></a><br />
<strong>Details</strong>

you might need to use the html mode of the editor.

the code in my postings is below.i dont know where that <br /> comes from???

<a href="https://www.diveneycue.com/wordpress/wp-content/uploads/2010/02/Picture-038.jpg"><img class="alignright size-thumbnail wp-image-197" title="Picture 038" src="https://www.diveneycue.com/wordpress/wp-content/uploads/2010/02/Picture-038-150x150.jpg" alt="" width="150" height="150" /></a>
<a href="https://www.diveneycue.com/wordpress/wp-content/uploads/2010/02/Picture-044.jpg"><img class="alignright size-thumbnail wp-image-203" title="Picture 044" src="https://www.diveneycue.com/wordpress/wp-content/uploads/2010/02/Picture-044-150x150.jpg" alt="" width="150" height="150" /></a>
<strong>Details</strong>
Full splice cue

probably the editor in wordpress is automatically inserting it.

you could try in html editor mode, to remove the space after the two </a> at the end of each linked image line; so that the whole thing is in one line.

<a href="https://www.diveneycue.com/wordpress/wp-content/uploads/2010/02/Picture-038.jpg"><img class="alignright size-thumbnail wp-image-197" title="Picture 038" src="https://www.diveneycue.com/wordpress/wp-content/uploads/2010/02/Picture-038-150x150.jpg" alt="" width="150" height="150" /></a><a href="https://www.diveneycue.com/wordpress/wp-content/uploads/2010/02/Picture-044.jpg"><img class="alignright size-thumbnail wp-image-203" title="Picture 044" src="https://www.diveneycue.com/wordpress/wp-content/uploads/2010/02/Picture-044-150x150.jpg" alt="" width="150" height="150" /></a><strong>Details</strong>
Full splice cue

thanks. that does seem to do the trick.

actually, i can’t keep that clear: right in the img.alignright because the main pic on my homepage is also an img.alignright, and the clear screws that up.

is there any other way to get these pics in the postings to align vertically?

i tried using a bunch of spaces (<strong>Details&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong>) in the first line of text to push the pics over to the right, but for some reason wordpress doesnt seem to read the spacings.

please advise. thanks.

nevermind. i found the solution.

i put a div around the pics with this CSS

.prod_pics {float:right;width:160px}