P2 and the User Avatar plugin

If you install Firefox Firebug then when you visit your website you can immediately see the css styling plus line numbers for that avatar

OR

post link to site so we can do that

@123milliseconds

Thanks for the reply.

I tried using Firebug but I can’t make sense out of it so here’s the link to the site: https://chat.aemcweb.com/

As you’ll see, Gene’s text isn’t inline (posts and replies) whereas TestUser’s (no uploaded avatar) is.

Cheers!

Mainly, for the image to be aligned with the text, it needs:
float: left;
It seems that the plugin doesn’t assign the class ‘avatar’ to the img tags, so P2 doesn’t apply its rules. The complete CSS rules for the avatar image are:

border: 1px solid #ccc;
border-width: initial;
float: left;
margin-right: 10px;
margin-top: 0px;

You need a way to add them to the img tags that are generated by your avatar module. The easiest and cleanest way that I can think of is to edit the plugin files adding the class ‘avatar’ to the generated img tag, and leave P2 to handle them as the others.

Thanks mamouneyya,

I’ll try to modify the plugin’s code and see what happens.

Cheers!