I have recently gotten into Blogger and am using one of their pre-made templates to power my blog at http://terri.wingedorange.net However, being the web designer that I am, although I wanted to take a small "break", I at least wanted to try and customize this template to fit my taste. However, somewhere along the way, I think I messed up some of the CSS and now the header won't show up. You can see the full source code at the site, but this is the specific code you should look at:
"#blog-header {
margin: 0;
padding: 0;
font-family: "Lucida Grande", "Trebuchet MS";
background: url(http://terri.wingedorange.net/graphics/top_div2.gif) no-repeat top left;
}"
(And as you will see on the main site, this just shows up as a white space.)
Can any of you CSS gurus out there figure out what is wrong?? I thought I was beginning to be somewhat competent with raw CSS, but this has me stumped!
Thanks for any help!
~Terri
CSS div problem--header graphic not showing up
hi there,
i think the problem is that you haven't specified a colour (yes, I'm Australian, we put a U in colour =p).
try:
background: transparent url(http://terri.wingedorange.net/graphics/top_div2.gif) no-repeat top left;
if you dont want transparent, you could put #ffffff, or white, or whatever.
hope that helps!
CSS div problem--header graphic not showing up
Thank you for your reply! Unfortunately, this didn't work. However, when I looked at my site very closely, I noticed that when it is first loading, the header shows very briefly but then it is like it is "covered up" by the white....I can't figure out what in the code is causing this to happen, though.
Anybody have any ideas?
CSS div problem--header graphic not showing up
I think that your graphic top_hl.gif should have a transparent background. At the moment it is hiding top_div2.gif