18 jul 2011 kl. 22.02 Lucas Rezende said:
The idea is to create a horizontal menu without space, trying to show
a solid bar with the links within.
What do you mean "no space" ? You want no space whatsoever between
links? NO space? That's sounds... quite odd.
Have any idea about how to fix it?
First of all use "outline: thin dotted #777;" on your li (& ul)
element while you work and comment it out or remove later. Or even
better use Firebug extension in Firefox. This way you visualize the li
elements and the ul element, if needed.
Then try all of these adding one at a time, so you see the effect:
Remove all suspicious whitespace in the source HTML between the
containing li element and the anchor element, if any.
Zero out left and right margin and padding as appropriate on the li
element. You may need som on the outer items though, so use id-
specific rules for those.
Use "list-style: none" on the ul element.
Some other ideas at <http://stackoverflow.com/questions/4716151/css-removing-horizontal-space-in-list-menu-using-display-inline-property
>
By the way, Firefox versions up to and including v.2 don’t support the
"inline-block" value. A browser which you may not support, but good to
know if you have to.
"inline-block" causes the set element to "gain a layout" <http://reference.sitepoint.com/css/haslayout
>, which I think will not be a problem here, but good to be aware of.
/MiB
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
