Stevio wrote:
Hi Stephen,
Here [1] is an explanation of why the padding on your list items is
operating in a slightly odd way. When you change the <li> or the <a>
within
the <li> to "display: block" and then float it, your problems should
disappear.
[1] http://www.maxdesign.com.au/presentation/inline/
Thanks Russ, I was able to use the basis of that to sort things out. I
do have one problem however. The surrounding div of the navigation
links (with a background colour) is not stretching around the floated
link elements, so my nice visual effect of the background colour
(which also has a bottom border another colour) is not being seen. Any
suggestions for the best way to do that?
I found one solution which uses a hr element after the links, but I'm
not convinced by it.
Thanks,
Stephen
Hard to tell without a link (couldn't find your original post?) but if
you have a div which contains nothing but floated elements, you'll have
to add a clearing element below your links but within the div to make
it 'stretch' around its contents. I guess an hr would do that, but it's
not very elegant...
Try this for starters:
<http://www.positioniseverything.net/easyclearing.html>
HTH
N
___________________________
Omnivision. Websight.
http://www.omnivision.com.au/
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
