assign class or id to post images

Hi

If you look at your HTML you see you have the_content wrapped in a Div of class entry. Thus you already have all the hooks you need to style your post images.

(before I get into that, you have Div id=”post” inside the WP loop. That means there will be one occurrence of a div id=”post” per post displayed on the page. That will create illegal XHTML as an ID can only occur once per page and being inside a loop, the code will be executed multiple times. You should change that to Div class=”post” Classes can occur multiple times per page)

If you add to your css
#content .entry img { ... CSS styling here ... }
that styling will apply only to img tags within posts, and not to img tags outside of posts

Hi

i actually wanted to assign the images its own div class so i can float it next to the post div rather than sitting inside the post div.

If the only thing that will be in the div is the one img tag, its not necessary to wrap the img in a div to float it next to the post. You assign float to the img tag and it does just that. Add margin, padding as needed. With absolute positioning you can even cause it to display as a column the same height as the post text content if desired.

You can enter all that styling in this block
#content .entry img { ... CSS styling here ... }

If you only want to assign the float styling to some, not all, images, assign a class to the img in the WP visual or HTML editor and change the CSS to something like
#content .entry img.myclass { ... CSS styling here ... }
to apply it to all img tags in the post that are assigned to class myclass

By assigning display: block to img, it behaves just like a Div.

If you still want to wrap a Div around the img you have to enter the Div in your posts. A way around that is a few lines of jQuery code that insert the div around post img tags when the page displays. Let me know if you’d like to see code for that.