image alignment issues

i just inserted the three pictures you see into this post: http://bandit4x4.com/wordpress/4x4-truck-parts/steering-parts/oem-stock-idler-arm-bushings/

when inserting them, i specified to align them to the right. but clearly its not doing that, how do i fix?

please advise. thanks in advance.

here's the code, post insertion:

[caption id="attachment_58" align="alignright" width="150" caption="Idler Arm Bushings - Top View"]<a href="http://bandit4x4.com/wordpress/4x4-truck-parts/steering-parts/oem-stock-idler-arm-bushings/attachment/idler-bushings-top/" rel="attachment wp-att-58"><img src="http://bandit4x4.com/wordpress/wp-content/uploads/idler-bushings-top-150x150.jpg" alt="Idler Arm Bushings - Top View" title="Idler Arm Bushings - Top View" width="150" height="150" class="size-thumbnail wp-image-58" /></a>[/caption]

[caption id="attachment_56" align="alignright" width="150" caption="Idler Arm Bushing - Inside View"]<a href="http://bandit4x4.com/wordpress/4x4-truck-parts/steering-parts/oem-stock-idler-arm-bushings/attachment/idler-bushings-inside/" rel="attachment wp-att-56"><img src="http://bandit4x4.com/wordpress/wp-content/uploads/idler-bushings-inside-150x150.jpg" alt="Idler Arm Bushing - Inside View" title="Idler Arm Bushing - Inside View" width="150" height="150" class="size-thumbnail wp-image-56" /></a>[/caption]

[caption id="attachment_57" align="alignright" width="150" caption="Idler Arm Bushing - Installed"]<a href="http://bandit4x4.com/wordpress/4x4-truck-parts/steering-parts/oem-stock-idler-arm-bushings/attachment/idler-bushings-installed/" rel="attachment wp-att-57"><img src="http://bandit4x4.com/wordpress/wp-content/uploads/idler-bushings-installed-150x150.jpg" alt="Idler Arm Bushing - Installed" title="Idler Arm Bushing - Installed" width="150" height="150" class="size-thumbnail wp-image-57" /></a>[/caption]

<strong>Product:</strong>
Idler Arm Bushings (Original Equipment Manufacture)

Code (markup):

 

They are aligned to the right. Do you mean you need them stacked? Then just break the line with <br> after each line of code.

 

just tried that but it didnt work.

what i'm looking for is to have all the pics lined up vertically along the right side of the page, like the are in the original (non-wordpress) site here: http://bandit4x4.com/products/btd0001.html

please advise.

 

Insert the images one at a time, where you want them to be. I don't know why you need this

Just to insert images.

 

well i want a caption for each image. wordpress sticks all that code in there when I enter the caption using their Insert Picture functionality.

 

I see. Yes adding captions to multiple images does screw things up. I have seen it before.
The only thing I can recommend is to do it again, one by one and make sure it is the last thing that you do to the post. I have had an isuse like this before, especially when I go back to edit the post.

 

no dice. same problem. here's the code I have now:

<a href="http://bandit4x4.com/wordpress/4x4-truck-parts/steering-parts/oem-stock-idler-arm-bushings/attachment/idler-bushings-top/" rel="attachment wp-att-58"><img src="http://bandit4x4.com/wordpress/wp-content/uploads/idler-bushings-top-150x150.jpg" alt="Idler Arm Bushings - Top View" title="Idler Arm Bushings - Top View" width="150" height="150" class="alignright size-thumbnail wp-image-58" /></a><br />
<a href="http://bandit4x4.com/wordpress/4x4-truck-parts/steering-parts/oem-stock-idler-arm-bushings/attachment/idler-bushings-inside/" rel="attachment wp-att-56"><img src="http://bandit4x4.com/wordpress/wp-content/uploads/idler-bushings-inside-150x150.jpg" alt="Idler Arm Bushing - Inside View" title="Idler Arm Bushing - Inside View" width="150" height="150" class="alignright size-thumbnail wp-image-56" /></a>

Code (markup):

i would think applying this css would work, though it doesnt seem to be:

.entry-content img.alignright {float:right;}

Code (markup):

 

Sorry, I really don't have a concrete answer for you except to keep trying it different ways until you get what you want. You are saying that line breaks don't work </br> or <br>..did you try hand coding paragraph breaks<p>?
I don't know why it's doing that.

Does it let you insert one image correctly?

 

It looks like you may have multiple product pages in the future. If so, my suggestion would be to create a page template with an extra right floating div in your content div, the width of the images you want to use. Then use custom fields to insert the images. They should align nicely straight down like in your old site.

 

thanks. i was hoping to avoid that trick if i could. its just really bizarre to me that the system wouldnt align them all to the right as part of the standard operating procedure when you select "align:right" when inserting them in wordpress.

 

I think it's to do with the vertical position. It looks like you have inserted your first image on the first line and your second image on the second line. Try placing your first image on the first line and second image on the 15th or 20th line. I'm not sure if I'm explaining this clearly (and I apologize if this is something you've already tried). Here's a more clear explanation....

- delete both images.
- place your cursor on the left of the first heading "product"
- insert your first image as you normally would with caption, align right etc.
- place your cursor this time well below, maybe on the left of Applications or around there.
- insert your second image as usual.

Let me know if this works

 

that actually worked. thank you!

 

No worries! happy to help...