background image and custom header not appearing in i.e.
-
the site works fine in firefox, but just checked in IE and neither the background image nor the custom header are appearing. got any suggestions?
The blog I need help with is: (visible only to logged in users)
-
I don’t see a background image in FF either, and the underlying CSS suggests there isn’t one.
Did you put your header image in the CSS or via the custom header tool? The latter doesn’t really work well with custom CSS. Best to put the header in the CSS directly.
-
I put the header in with the tool. do you have the code for a header image? the background image should be static but I don’t know why it wont show up. maybe that I’m linking to e.g. http://iartmag.files.wordpress.com/2009/02/background314.jpg and its not coming through?
-
Same problem here, image uploaded but not shown in my blogg.
Somewhere I saw a kind of error logging referring to the wrong filename (filename 1, filename 2 etc). -
Mandjes, your background has this code: background:#9BC3D5 url(images/bg_body.gif)
You need to put a proper url, starting with http and enclosed between speech marks (‘), in place of images/bg_body.gif.
-
background image:
body {
background:#ffffff;
color:#333;
font-family:”Times New Roman”, Times, serif;
border-top:none;
font-size:.8em;
text-align:center;
background-color:#bcbcbc;
background-image:url(‘http://iartmag.files.wordpress.com/2009/02/background315.jpg’);
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
margin:0 0 2px;
padding:0;
}header image:
h1 a {
display:block;
text-align:left;
background:url(‘http://iartmag.files.wordpress.com/2009/02/cover32.jpg’) top center no-repeat;
height:225px;
width:5000px;
border:1px solid #FFFFFF;
text-indent:-9000px;
}its working fine in firefox, but neither appear in IE
-
I don’t see either of those images and I’m looking at your blog in FF.
Here’s the code I see for your background:
body {
-x-system-font:none;
background:#EDEDED none repeat scroll 0 0;
color:#444444;
font-family:’Lucida Grande’,Verdana,Arial,Sans-Serif;
font-size:62.5%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 30px;
text-align:center;} -
@rosclarke,
I have no idea where to change that setting, and in what I should change it to, but why doesnt it just work when it says Header Complete, should be visible in your Blog … -
well that’s what I had typed into the css edit. so somehow its not overriding.
what do I need to input into the css edit to get them to appear?
-
@ rosclarke
True I’m using the custom header uploader.
In Media, I see the original file like image.jpg, and more with image1, image2, image3 and “File doesnt excist”. -
oh, no, i didnt realize that, iartmag.wordpress.com, i dont know if thats the one you’re looking at
-
*rolls eyes*
Just, in general, volunteers in the forum aren’t psychic mindreaders. It’s really, really helpful to give the blog address that you’re referring to in your question.
Okay. I now see those images in FF and not in IE, as you say.
Try tidying up your code a bit. You only need to put those elements which you are changing in the CSS editing box. You have repeated elements even within this code. Try something like:
body { background-color:#bcbcbc; background-image:url('http://iartmag.files.wordpress.com/2009/02/background315.jpg') center no-repeat fixed; margin:0 0 2px 0; padding:0; }header image:
h1 a { display:block; text-align:left; background-image:url('http://iartmag.files.wordpress.com/2009/02/cover32.jpg') top center no-repeat; height:225px; width:5000px; border:1px solid #FFFFFF; text-indent:-9000px; } -
-
@ rosclarke
I tried these and when I took outbackground-position:center;
background-repeat:no-repeat;
background-attachment:fixed;the image no longer came up in the preview.
- The topic ‘background image and custom header not appearing in i.e.’ is closed to new replies.