It's the menu on the left on the home page that's causing the problem. I'm using a Wordpress template theme builder called Catalyst that allows you to design your own templates. On the home page, the left hand 'UberMenu' menu builder php code has been added to a widget area. On the other pages the menu builder code has been added into a hook box to the sidebar.
On the home page the menu is displaying inconsistently across most browsers. The other pages show how I want the menu to look, but Safari adds an extra green rule to the top of the menu, and other browsers display no rule, others a single rule.
There's also a glitch causing the 'latest news' box to shift slightly between one browser to another.
I can't, for the life of me, find the problem. Any help gratefully received.
Thanks. I'm still a noob to
Thanks. I'm still a noob to this. How do I go about fixing something like:
'Line 323, Column 183: End tag div seen, but there were open elements.'
Is this something missing from the stylesheet? Or in the php code?
No that is pointing to a
No that is pointing to a problem in the markup. The line below that points it out
… href="http://www.pulse-design.co.uk/category/new-products/">NEW PRODUCTS</div>
Which shows that the link is missing an end tag. It should be:
… href="http://www.pulse-design.co.uk/category/new-products/">NEW PRODUCTS</a></div>
Thanks.... traced it back to
Thanks.... traced it back to a missing tag in a widget area. seems to have gotten rid of most of the home page errors now.
This is the last bit that needs fixing for the site to be validated
Line 261, Column 39: Element style is missing required attribute scoped.
In HTML 5 there is a new
In HTML 5 there is a new attribute scoped which you set to tell the browser how to use style elements in the body of the document. Scoped makes the browser apply the styles from the parent element.
If possible put your style element in the HEAD section of the document.
I have been trying to figure this out for about 7 hours straight now.
I'm working on a project that is supposed to be simple.
The home page and the About page are duplicated aside from the content. I know for a fact it's something with the CSS.
I noticed last evening that the footer doesn't take the right top margin with ever page. I'm not sure why. It could be something different thats making it happen. Either way. The margin between the content and the footer is offset between pages. I've measured as well to make sure.
Home page measured 40px and about page measured 80px from right side to footer.
Ideas on how to tweak this and even make my code better? I'm a beginner as you will see.
I validated everything in hopes it would show me the problem but everything was green and good.
Thanks in advance
Hi bigeba8, You should have
You should have started a new topic for this.
The footer comes after both the content and the right side, whatever is longest.
Since some of your pages have longer content then others the footer will look different.
The margin and padding around the web hosting ad also makes a lot of the difference.
Thanks for the quick response!!!
If I give footer-top margin shouldn't always have the same spacing? I'm not sure how to go about this. I don't want it being different spacing just because the content has another line or two. between the boxes the spaces should always be the same shouldn't they?
The footer itself has no
The footer itself has no margin, you have the margin on the paragraph inside the footer.
In most instances the thing that pushed the footer lower is the #content-2