Odd Spacing In Server Side Include

[bellringr]

Can anyone shed some light on why the top navigation on my homepage would have extra spaces here and there? There's nothing on the include page that would cause it, nor can I find anything in my index page or css, but obviously I'm missing something somewhere...

 

Index page:

 

http://www.gryfalia.com

 

SSI page:

http://www.gryfalia.com/sidenav.htm

 

Thanks!!

[TCH-Bruce]

In your index page you have   in the

for header before the

for your navigation. Removing it should remove the space.

[bellringr]

That just brought the nav line to the top of the header "box."

 

Note the extra spacing within the text before most every one of them, but particularly after About Us and This n That.

 

Thanks though Bruce!

[TCH-Andy]

In the CSS you have defined the header links with "padding-left: 5px;" which will add spacing in front of them.

 

2 of the heading titles are not links ( e.g. This 'n' That and The Café )- hence do not have the same spacing before them.

 

Assuming that's the spacing difference you mean.

[bellringr]

In the CSS you have defined the header links with "padding-left: 5px;" which will add spacing in front of them.

 

2 of the heading titles are not links ( e.g. This 'n' That and The Café )- hence do not have the same spacing before them.

 

Assuming that's the spacing difference you mean.

 

That did solve part of it - thank you.

 

Here's the main puzzle for me, though...

 

 

See the spaces before Blog and Links? I'm sure it's my CSS somewhere because when I detach the template, it's fine.

[TCH-Bruce]

Since you don't have an "id=" on your navigation DIV it is inheriting the margin-left: 10px; from one of your other "a" tags.

 

In your CSS change your "header" style name for "a" tags to "topnav" and in your DIV give it an id of "topnav" and it should clear up.

[bellringr]

Changing the div names didn't work, but you are correct that it was inheriting the margins from the left div.

 

I went in and specifically set the margins for the header div and that finally fixed it. I don't really understand css inheritance rules from one div to the next (yet) but that's something I'll have to keep in mind as I continue to tweak this. I think I'd better bring my css "bible" home from work for a while!

 

Thanks for your help!!