I'm looking to distinguish a difference between my troubled page and my finished page in the icon placement in my leftcol <div>. For some reason, the icons on the troubled page are all over the place.
I have used Firebug with FF to try and find a difference, but I cannot.
I'm sorry if it's super simple but I've been looking at this for a while now, and I can't find it.
Wow, you got skill to build a website? You have no idea how to use Firebug?
#facebookicon, #youtubeicon {
margin-left:17px;
}
In product.css you have an entry something like this:
#facebookicon, #youtubeicon {
margin-left: 17px;
}
That seems to be the problem. (I've checked with google chrome)
Take out lines 21 and 22 on leftCol.css. There is a left: value on the facebook and youtube icons that is pushing them into the main column.
You could use padding-left if you find any trouble when using margin-left.