Forums

Different CSS on index page to others

Permalink
Hi - something strange has happened in that my index page seems to have taken on a different css style sheet in the navigation div to the other pages. I have set the custom template in the block to nav header and applied to all pages.

http://www.redback-client.net/smiths/...

But the index page is calling correctly to the css but the about us page which calls to the same pages template have has taken on some padding from somewhere....really weird. Any ideas anyone please??
chassa2556
 
jordanlev replied on at Permalink Reply
jordanlev
Looks the same to me on all pages -- did you solve this on your own?
tallacman replied on at Permalink Reply
tallacman
Your html on the approach/about us page is messed. You’ve got two headers loading and two sets of css code calls.

Steve
chassa2556 replied on at Permalink Reply
chassa2556
Hi - thanks for that Steve have sorted that. But the approach page is still picking up a margin that isn't there in the code on the navigation. It is using the same template as the home page so why should the nav. bar at the top be different?...driving me mad..
jordanlev replied on at Permalink Reply 3 Attachments
jordanlev
You need to be using Firebug (it's a free firefox plugin). Go install it right now and learn how it works. Seriously, it is the best investment you will ever make as a web designer.

As you can see from the attached screenshots, the style is not any different between the home page and the approach page -- you just have an H1 in the approach page which itself has top and bottom margins/padding.

Hope that helps!
chassa2556 replied on at Permalink Reply
chassa2556
This is exactly what I have done and I agree it is brilliant. I discovered that the .nav-header class in the offending top nav was also taking on some padding that wasn't showing in the index page. I zeroed out this #navigation .nav-header ul {margin: 0px; padding: 0px;} and now it seems to be consistent...