[SOLVED] Post image without border (more of a general html query)
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} 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: |
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 HTML Code:
img.nodecimage {border: medium none; padding: 0px; background-color: transparent} HTML Code:
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. |
All times are GMT -6. The time now is 09:49 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.