generated smilie html?

[forcerm]

I'm trying to edit the generated html when a smilie is inserted.

for example if i do it will insert:

<img src="images/smilies/smilie.jpg" border="0" alt="" title="Smile" class="inlineimg" />

What i want to do is add another class

Does anyone know where this section is?

[cellarius]

Why do you need another class? Can't you cascade, i.e. for example

.smiliebox img {}

[forcerm]

Originally Posted by cellarius

Why do you need another class? Can't you cascade, i.e. for example

.smiliebox img {}

No because there are no other classes used, i'm trying to edit the size of the smilies in an actual post. they are currently 32px i need them to be 16px. This scales them down so they look nice on retina displays.

<div class="post_message_xxxxxxxxxxx">

    Some post content... <img src="images/smilies/smilie.jpg" border="0" alt="" title="Smile" class="inlineimg" />

</div>

So my only option is to target the inlineimg selector but this is also used by other images.

[Dave]

You could do something like this in CSS3:

img[src*="images/smilies/"]{
  width: 16px;
  height: 16px;
}

[tbworld]

Originally Posted by Dave

You could do something like this in CSS3:

img[src*="images/smilies/"]{
  width: 16px;
  height: 16px;
}

Elegant fix.

[forcerm]

Originally Posted by Dave

You could do something like this in CSS3:

img[src*="images/smilies/"]{
  width: 16px;
  height: 16px;
}

excellent thanks! i really need to read up on CSS3 and get up to scratch on whats available