Using inline-block treats elements like text more or less, so if there is white space (spaces in the markup) between the elements it will show in the browser render. One option is to remove the white space in your code
ie: <span>item 1</span><span>item 2</span> instead of <span>item 1</span> <span>item 2</span> Kevin On Mon, Jul 18, 2011 at 5:09 PM, MiB <digital.disc...@gmail.com> wrote: > > 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<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<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: css-design@googlegroups.com > To unsubscribe: > css-design-unsubscribe@**googlegroups.com<css-design-unsubscr...@googlegroups.com> > -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: css-design@googlegroups.com To unsubscribe: css-design-unsubscr...@googlegroups.com
