3.17.2012

html/css help needed (fixed!!)

As you can see, strange things have been happening to this blog's template, and I've been unable to find the source and fix it.

The header background is appearing in a strange (ugly!) colour. I can't find the code that is making this happen. If you click on any of the tabs ("contact", "comment policy", wmtc's greatest hits", etc.), you will see how the header background is supposed to look. If you click on an individual post, same thing. The colour code for the header background (#111111) is in there. But something is overriding it on the main page.

Of lesser importance, a gradient code is causing the background to have a fade effect. I would like a solid background without this effect, but when I try to change or remove the code, I get error messages. I don't know whether that's a Blogger glitch or my own error.

I would also like to remove the second background, now showing up as a pale green, in between the main blog and the gray background. I assume this is some kind of wrapper. I don't want it.

I tried switching to an entirely new template. I customized that template to the extent it would let me. I was still unable to get rid of these issues.

I don't know what else to do. I've posted on the Blogger Help Forum but I don't expect anything to come of that.

19 comments:

allan said...

When I first go to the main page, it flicks black correctly for a millisecond, then goes to puke.

laura k said...

I get that, too.

teddymac said...

I couldn't find anything wrong with your code (but I only understand the basics of css) but I did notice one of your pictures on the main page does jut out into the margin. Try fixing this, and see if anything else improves too.

laura k said...

Thanks, teddymac. The picture is sticking beyond the frame on purpose. It shouldn't affect anything else, but tonight (when I'm not at work) I can move it and see what happens.

teddymac said...

If my above suggestion didn't help... I'd also recommend temporarily deleting each section of content on your main page to see if anything else is causing this problem.

Since changing templates didn't help, perhaps its something you added to the main page which is causing a conflict to the code.

laura k said...

What do you mean by "each section of content"? You mean deleting blog posts one by one? Or... something else? Thanks again.

laura k said...

Is it fixed??? I think so!

teddymac said...

Nope, I still see the unwanted colours!

I copied your code into a new file on my computer, and when I deleted your "Social Bookmarks post", the unwanted colours went away! The problem is somewhere in that post. :)

johngoldfine said...

Sorry--it's still the same lurid shade in Swanville Maine.

Hey, Laura, we got a standard poodle puppy today!

laura k said...

teddymac, AWESOME! THANK YOU! I will play around with it when I get home. (Can't do it from work.)

johngoldfine, AWESOME! CONGRATS!! Tell me more! (By email if/when you have time.)

laura k said...

At work, those polls are not visible - the javascript isn't showing up - and the masthead colours look fine.

Teddymac took that post out, and it fixed the colours.

WOW!

laura k said...

Allan's going to work on it for me. :)

laura k said...

Teddymac, THANK YOU SO MUCH!!!

You can imagine how many frustrating hours I spent on this. I never thought of trying removing selected content. Next time something strange happens, I will definitely give that a go.

johngoldfine said...

teddymac deserves a lifetime free subscription to wmtc!

M@ said...

Since blogger obviously doesn't want to play nicely with your poll things, you could consider using an offsite poll tool like polldaddy or surveymonkey. People would have to follow a link to vote, which might reduce the response, but it would apparently be safer for the site overall...

laura k said...

teddymac deserves a lifetime free subscription to wmtc!

Yes, free lifetime subscriptions for all! (Except trolls.)

Since blogger obviously doesn't want to play nicely with your poll things, you could consider using an offsite poll tool like polldaddy or surveymonkey. People would have to follow a link to vote, which might reduce the response, but it would apparently be safer for the site overall...

M@, I did somehow get your comment on the post that no longer exists - thanks for posting a shortened version here.

In retrospect, I see I should have used SurveyMonkey or PollDaddy, like everyone else. I was hoping, as you say, to capture more responses by putting it right in my own blog. Who knew of the lurking danger?!

Now what do I do? Start a new survey and hope that people answer again?

It's not incredibly crucial to the paper, but I'd like to include it.

laura k said...

Blogger has its own poll widgets, but they only appear on the sidebar. It wouldn't have its own link.

dogsled_stacie said...

yay, congrats! I was trying ot figure it out this morning, then the dogs distracted me. :)

You can embed Survey Monkey polls onto websites, very handy!

laura k said...

You can embed Survey Monkey polls onto websites, very handy!

As you might imagine, I'm not trying that again!

Thanks for trying to fix it, Stacie. :)