I use a lot of images in my posts, small 150px wide images as visual aids for paragraphs.

I don't like the default border around the images and prefer borderless images.

I use this code to implement it.

.nodecimage {border: medium none; padding: 0px; background-color: transparent}

If I use this as a id (#nodecimage) and call it LIKE THIS <img src="..." id="nodecimage">

it works fine, however id should really be used for single instances. What I'm having trouble with is that I can use class="nodecimage" inside the <img> tag. I have to surrounded the <img> around a span and use

head:
.nodecimage {border: medium none; padding: 0px; background-color: transparent}

body:
<span class="nodecimage"><img src="..."></span>

Is this an html issue, or is there a conflict inside athlatpua (sic) which is forcing me to use span?

What is the url? It is possible that htere is some other CSS that is more specific and it being given precedence.

You could try using

img.nodecimage {border: medium none; padding: 0px; background-color: transparent}

and if that doesn't work, add '!important' or

img.nodecimage {border: medium none; padding: 0px; background-color: transparent !important;}

Thanks juggledad. the img.nodecimage no works perfectly well with <img src="..." class="nodecimage">

I would have though .nodecimage would have worked perfectly well on it's own. I think I've spent more time splitter hairs over these minor css rules more than anything.

This is good, because when I manually inserted full css rules in

<img src="..." style="border: none; padding: 2px; background-color: transparent">

Wordpress would keep on breaking the css when I went into visual editor, so the stylesheet way was pretty important.

P.s. I didn't use the !important attribute at all. No need for it.