Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

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


  #1  
Old Mar 12, 2012, 01:57 PM
totalwise
 
7 posts · May 2011
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?
  #2  
Old Mar 12, 2012, 02:26 PM
juggledad's Avatar
juggledad
 
23,627 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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}
and if that doesn't work, add '!important' or
HTML Code:
img.nodecimage {border: medium none; padding: 0px; background-color: transparent !important;}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Mar 12, 2012 at 07:52 PM.
  #3  
Old Mar 12, 2012, 07:46 PM
totalwise
 
7 posts · May 2011
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.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
html in post titles mcd Center area post/pages 6 Nov 20, 2011 07:43 PM
[SOLVED] Border around image and not image caption when captioning used vCopia Center area post/pages 7 Jan 22, 2011 11:00 AM
Image border Yes. Caption Border No. vCopia Center area post/pages 1 Jan 19, 2011 05:32 PM
query post mhone Atahualpa 3 Wordpress theme 5 Nov 12, 2010 05:56 PM


All times are GMT -6. The time now is 09:58 PM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.