BBCode and image size in comments

[locojoe]

I want to allow visitors on my site to include an image in their comment. I installed the BBCode plugin and that works fine. Where I run in to a problem is if the visitor includes a large image it distorts the layout of my site. I worked around this by setting the width attribute of the image in the BBCode plug in to 550px which is the width of my entry. That works fine. Now the problem is I'm also using the Recent Comments plug in to display comments on the side bar. Of course even at a width of 550 that's way to large for the sidebar and distorts it.

I went back and set the image width attribute to 100%. That worked perfect in Firefox. It only displayed the image at the width of the table that is was in. I then checked it out in IE and found IE displays the image at full size.

I'm wondering how I can work around this. Either have the image display smaller in the Recent Comments on the sidebar or to not display at all in the side bar wold be ok.

Any suggestions?

Thanks.

[garvinhicking]

Hi!

Since the sidebar containers all are wrapped into a class, you should be able to attribute images there specifically:

Code: Select all

#serendipityRightSideBar .serendipity_plugin_comments img {
 width: 100px;
}

(YMMV - it depends on your actual blog style on what to pick exactly. If you give us your URL, we can be more specific)

Regards,
Garvin