[SOLVED] Post image without border (more of a general html query)

totalwise · #1 Mar 12, 2012, 01:57 PM

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.

HTML Code:

.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

HTML Code:

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?