border around images is blue in IE, white in Firefox – Theme: “Emire”

bigandlittlegreen · Member · Aug 12, 2008 at 1:22 pm
Copy link

Add topic to favorites
Hi, the title of my topic pretty much says it all. I’m using “Emire” and the image borders are white (which I want) in Firefox, but looking in Internet Explorer they are a hideous bright blue! Also the theme “name bar” at the bottom of the screen in FF is nicely placed, but in IE it is static while I scroll, stuck half way off the page.

Can anyone help?

http://bigandlittlegreen.wordpress.com
vivianpaige · Member · Aug 12, 2008 at 2:08 pm
Copy link
I can’t help but I see both problems. If no one else chimes in, you should contact support.
lee9931 · Member · Aug 13, 2008 at 1:27 pm
Copy link
If you have access to the image’s html try:

<img src=”mypicture.jpg” style=”border: 3px white solid;” />
drtimothydukes · Member · Sep 5, 2008 at 8:07 pm
Copy link
I have the same issue with Abiru theme. can you tell me where to place the code? I have purchased CSS upgrade, placed your code into CSS Stylesheet Editor field and clicked Add this to the Ambiru theme’s CSS stylesheet, but nothing changed.
vivianpaige · Member · Sep 5, 2008 at 9:35 pm
Copy link
Can we have a link to your blog? The code above is not CSS code.
rosclarke · Member · Sep 5, 2008 at 9:57 pm
Copy link
That code is for the html of the image. Put it into the html editor of the post where the image is.
drtimothydukes · Member · Sep 5, 2008 at 10:35 pm
Copy link
thanks, http://www.drtimothydukes.com
vivianpaige · Member · Sep 5, 2008 at 10:54 pm
Copy link
It looks like you need to define the borders in the image sections. Here is the original part of the code:
‘img.centered, img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
`
Notice there there is nothing in there about the border, which I think is being inherited from the body, but I’m no CSS expert. What I would do is add a border definition to each of the three alignments, something like:
border: 1px solid red;
(I used red because it will make the border stand out. You should set the color you want it to be.)

HTH

vivianpaige · Member · Sep 5, 2008 at 10:55 pm

Hmm – not sure what I did wrong but the original is

img.centered, img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

The topic ‘border around images is blue in IE, white in Firefox – Theme: “Emire”’ is closed to new replies.

WordPress.com forums

border around images is blue in IE, white in Firefox – Theme: “Emire”