WordPress.com

1. lienverschooten
   Member
   Apr 4, 2010, 9:13 PM

   Hi!

   I edited the theme (Benevolence) of my blog untill. It looked fine in Google Chrome; the browser i always use.
   When I open my blog in modzilla firefox a border appaers around my pictures. In Explorer, the same happens but in a different color.
   Moreover, in IE the category widget crosses the border of the wrapper.

   I do not know enough of CSS to find the problem;
   anyone who can help me out?

   (my blog; liveforphotography.wordpress.com)

   The blog I need help with is liveforphotography.wordpress.com.

2. timethief
   Member
   Apr 4, 2010, 11:34 PM

   I cannot help you with CSS editing. There is no official Staff support for learning CSS editing and there's very little volunteer support so you will have to be patient while you wait for a volunteer to help you. Have you read this helpful post?
   http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

   (1) The border that appears around your images is due to the fact that the images in your posts are linked to the original image file. As both the images in the posts and the original images are the same size you can change that very easily by editing the posts. See 1 & 2 here > http://en.forums.wordpress.com/topic/remove-edge-around-images?replies=15#post-314220

   (2) This is a link to a cross browser compatibility checker that shows you how your CSS editing will display in all browsers http://browsershots.org/

3. timethief
   Member
   Apr 4, 2010, 11:36 PM

   (3) The Firefox Web Developer extension shows you your changes as the browser will apply them and Firebug may also be helpful when CSS editing.
   web developer https://addons.mozilla.org/en-US/firefox/addon/60
   firebug https://addons.mozilla.org/en-US/firefox/addon/1843

4. hallluke
   Member
   Apr 5, 2010, 8:45 AM

   Try placing the code below at the bottom of your external CSS. Apart from that I second all of timethief's suggestions. If you change anything else in the future be sure to check out those links.

   img {border-style:none;}<br /> select {width:170px;}

   lh

5. lienverschooten
   Member
   Apr 5, 2010, 10:28 AM

   Thanks for the very usefull links! I can see immediately that I made some mistakes. I will recheck the code and try to fix with the info behind these links!

   Thanks a lot!

6. timethief
   Member
   Apr 5, 2010, 6:02 PM

   @lienverschooten
   You're welcome and best wishes with your blog.

Topic Closed

This topic has been closed to new replies.