Something seems off center

i just realized that I didn’t include the url for my site.

https://www.lifeinabungalo.com

Thanks

straight off the bat I can see that you have [div id=”footer”] declared twice in your page.

Go to the problem page. Use “View Source” in your browser window and scroll down to the bottom. You’ll see duplicate footer entries. Remove one. Save. Refresh the page and see if that fixes your problem.

Also, you have a bunch of warnings that you need to fix, as they too might be leading to your problems.

I know you’re new at this, but sometimes tedious work is required to get your site looks snappy clean ??

I have no problem doing some of the tedious work, but I really don’t know how to find my errors or warnings. Is there a site I can go to that will tell me where my mistakes are?

View your warnings here.

Actually most of them are pretty easy to fix. When you’re done, you should validte your CSS file, too ??

Ok, I figured out how to get my feed validated and I’m trying really hard to fix my errors. The biggest trouble I have now is trying to figure out my lines of code. It says, for example, that I have an error on line 371. How do I find line 371?

This article may help you sort that out: https://www.samdevol.com/wordpress-troubleshooting-i-have-to-validate-oh-my/

Whooo hooooo.

I passed validation through CSS and HTML. Is there anything else that I’m forgetting?

Looks beautimous to me! Your Flickr thing is centered, too. ??

I went ahead and added the W3C buttons for the validated pages. Is there anyway to get rid of the white border around the buttons?

img, img a {
border: 0;
}

in the css, generally.

Check your img css.

Globally, img css may have a border definition which will render all images in your site that doesn’t declare a specific class or id to it. And if your stylesheet doesn’t address the hyperlink issue with images, then the parent CSS (ie: img) will take control.

img {
padding: 4px;
margin: 0;
border:1px solid white;
}

This will render all images with a white border, even images inside hyperlinks unless otherwise declared.

a img {border: none;}

This will render all images inside hyperlinks without a white border.

You can create a different class and leave everything else the way it is.

noborder-img {
border:none;
}
<a href="#"><img src="image link here height="10" width="10" class="noborder-img" /></a> – [code adjusted by spencerp]