Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

I am having some problems with the footer on my blog. Take a look at it here. Right above the footer, there is a blank, black space with nothing in it. Above it is the feed url, but it isn't on the black background, it's on the background image of my blog. I code HTML and CSS, so I can apply custom rules, but the system is so complex that I don't know what to change. Any suggestions?

enter image description here

share

migration rejected from stackoverflow.com Oct 15 '13 at 23:44

This question came from our site for professional and enthusiast programmers. Votes, comments, and answers are locked due to the question being closed here, but it may be eligible for editing and reopening on the site where it originated.

closed as off-topic by Stephen Ostermiller Oct 15 '13 at 23:44

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "This question appears to be off-topic because it is unlikely to help anybody else. Examples include individual website reviews for SEO purposes and general website troubleshooting." – Stephen Ostermiller
If this question can be reworded to fit the rules in the help center, please edit the question.

    
I recommend you provide either a screen shot or some code (or both), whichever best represents the problem you're having. The problem with just providing a link to your blog is that once you fix the problem, this question won't make sense to anyone. –  Bill the Lizard Aug 12 '11 at 19:17
    
Oh, I'm sorry. I'll post a shot. –  daviesgeek Aug 12 '11 at 19:17
    
I was looking at the DOM (html structure) of your template and it's pretty messy. Actually your box is in <div id="HTML2" class="widget HTML"> and you links are on a div with class ="blog-feeds" outside of that box. I would recommend choosing a template that is semantic and simple in structure or you may have other problems in the future. –  Osvaldo Aug 13 '11 at 8:23
    
@Osvaldo I know!! The structure is crazy, but I really want to keep this template. Can I possible just recode it? –  daviesgeek Aug 13 '11 at 15:48
comments disabled on deleted / locked posts

1 Answer 1

You've added a HTML/Javascript widget at the bottom of your template design. This widget is identified by id="HTML6". It only displays a linkwithin.com javascript code that generates a 1px image. By default widgets in your CSS have padding: 0 15px 15px and line-height: 1.4em. These rules are the ones that generate the undesired space.

Add the following CSS code to your template to hide it:

#HTML6 {
    padding: 0;
    line-height:0;
    display:inline;
}
share
add comment

Not the answer you're looking for? Browse other questions tagged or ask your own question.