I've been trying to add a footer to my website, specifically an info bar at the bottom, but no matter what I do, I can't get it to show up. I've checked MDN's CSS basics course and Googled, but I'm still stuck. Here's the HTML code I'm using:
And for the CSS:
footer.info {
border: 5px solid red;
background-color: lightgray;
padding: 50px;
margin: 50px;
width: 800px;
height: 75px;
}
I'm not seeing it on my site [willowp.neocities.org](http://willowp.neocities.org). Plus, my style.css file has suddenly stopped reflecting changes, even after saving. I had to create a new CSS file which seems to have fixed the problem, but I'm concerned about the footer being invisible initially. Any thoughts?
3 Answers
It’s tough to say without seeing the whole code structure. Sometimes, issues like these can stem from missing or misconfigured elements elsewhere in your HTML. Have you tried sharing your full code on a platform like CodePen? That could help others assist you better.
What exactly is going wrong? When you check the live page, do you see any errors in the console? Also, I noticed some extra characters in your target attributes—like in `target="_blank"`. Removing those might help.
When you say 'info bar at the bottom,' could you clarify what you mean? Can you share an image or an example of what you have in mind? Keep experimenting with CSS; it takes time! That's part of the learning process.
Related Questions
How to Build a Custom GPT Journalist That Posts Directly to WordPress
Cloudflare Origin SSL Certificate Setup Guide
How To Effectively Monetize A Site With Ads