Chris Stratford wrote:

Hey guys,

sorry but im having a few troubles with my tabbed layout.
I have coded it all myself, and i think it looks great.
(Russ, took your advice and its a list now too, so it degrades well!)

Now - im just having a problem with the text, being a little too low, its nearly sitting on the bottom border:
www.neester.com/tdir <http://www.neester.com/tdir>


as you will see its very close, i just want, maye a 4 pixel gap between the text, and the box... but without seperatinng them, and i have tried so much, and it just keeps seperating the tabs and the box...

You just need to make sure that the margin-top of #content matches the padding-bottom of #navigation a, and that #navigation a.current has a padding-bottom of 1px more than either of them.


Using FireFox and the EditCSS add-in, I tried it out with these differences and everything worked fine.

#navigation a {
  padding-bottom: 5px;
}

#navigation a.current {
  padding-bottom: 6px;
}

#content {
  margin-top: 5px;
}

*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************




Reply via email to