atmananda Posted May 26, 2012 Share Posted May 26, 2012 I am trying to center an image on wordpress site in the right column and no matter what I do cannot get it centered.. any ideas? www.choptlogic.com/atmananda/blog thanks! Link to comment Share on other sites More sharing options...
atmananda Posted May 26, 2012 Author Share Posted May 26, 2012 ps. its the advertisement images. Link to comment Share on other sites More sharing options...
dsonesuk Posted May 26, 2012 Share Posted May 26, 2012 #wp125adwrap_1c .wp125ad { display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; text-align: center; /* added by dsonesuk*/} Link to comment Share on other sites More sharing options...
atmananda Posted May 26, 2012 Author Share Posted May 26, 2012 thanks.. doesn't seems to have fixed it though Link to comment Share on other sites More sharing options...
atmananda Posted May 26, 2012 Author Share Posted May 26, 2012 http://i47.tinypic.com/2dhcmjt.jpg Link to comment Share on other sites More sharing options...
dsonesuk Posted May 26, 2012 Share Posted May 26, 2012 Guess it must be my magical browser again! cuz when i look at it now they are now centred! getting a lot of that recently. 1 Link to comment Share on other sites More sharing options...
atmananda Posted May 26, 2012 Author Share Posted May 26, 2012 weird.. I see that on Firefox it works, nice and centered.. but not Safari.. Link to comment Share on other sites More sharing options...
atmananda Posted May 26, 2012 Author Share Posted May 26, 2012 updated browser, works perfectly now!thanks Link to comment Share on other sites More sharing options...
niche Posted May 26, 2012 Share Posted May 26, 2012 dsonesuk, that's because prophets are strangers in their own land. lol! I am wondering where you found the sidebar id? I used firebug, found the ads in the sidebar id, but couldn't find the id in firebug. Is that the id you used? Link to comment Share on other sites More sharing options...
dsonesuk Posted May 26, 2012 Share Posted May 26, 2012 You find the img element, you identify its not using display: block, and is still inline element, therefor you need to use text-align: center; on a parent block element. you use the html veiw, in firebug to move up until you find the correct block element which turned out to be <div class="wp125ad odd"> clicking this on the html veiw panel on left, gives you the current css style in the right panel of firebug, well in mine it does, depends how you have the panel display setup. Link to comment Share on other sites More sharing options...
dsonesuk Posted May 26, 2012 Share Posted May 26, 2012 updated browser, works perfectly now!thanks You didn't really need to update, as this method of centring a image is old, you probably just needed to clear history and reload. Link to comment Share on other sites More sharing options...
niche Posted May 26, 2012 Share Posted May 26, 2012 I see. I didn't go deep enough. I always wondered how you and the others respond as quickly as you do and I just happened to have my firebug on top when I went to the link and started investigating. I know firebug is capable of much more than I use it for. Thanks dsonesuk. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now