perhaps, should I change this to less?
edit: the height of the navbar is 32px, which I have specified in the stylesheet.
There still seems to be some annoying margin somewhere but I don’t know where…
also, the padding in ‘#navbar a’ adds up to the total.
Peter
my #navbar a has a padding of 7px all arounb but removing this does not help.
Can you suggest what may need to be done?
when I removed the height in ‘#navbar’ and changed the padding to ‘0 7px’ in ‘#navbar a’, the navbar and content would get together. I lost the background of navbar however.
Peter
That’s because #navbar li is floating so it collapses unless a height is specified.
I’ll try that an put a clearer div in just beneath
almost there, now the navdiv is a bit too high
edit: no it wasn’t, it was the border-top of the content div.
Resolved – thanks for the input…
define a height for #navdiv:
#navdiv {
height:32px;
margin: 0;
padding: 0;
}
and change the padding here:
#navbar a {
display: block;
padding: 7px 0 5px 0;
padding-left: 9px;
text-decoration: none;
color: #A83B00;
}
only checked in firefox, there are other problems with the nav in IE7.
probably at least need to add ‘margin-left:0px;’:
#navdiv ul {
list-style-type: none;
width: 893px;
padding-left: 7px;
margin-left:0px;
background-color: #adcbd3;
}
PS: sorry to jump in with a different idea, I was busy checking while Peter worked on it.
Hey all sorted now thanks for your help
Not sure if this is allowed but I’m having one last issue which is outlined here
I’m having trouble getting responses to it and was wondering if you could apply your skills to sorting it.
cheers, harry
PS: sorry to jump in with a different idea, I was busy checking while Peter worked on it.
It’s good to have more than one person look at it 😉
Peter
