On Mar 1, 2010, at 12:17 AM, MEM wrote:
> Here is the source information:
> http://www.nuvemk.com/formacao_lx/outros/ul_li_tests.html - the css styles
> are inside.
>
> 3.1)
> I see that, to solve it, we can use the float property to
> eliminate that extra space between inline elements.
> Why is that? Is it because the float property tell us
> by definition, that if we have, for example, 3 floated
> elements they will/should place themselves on the outer
> edge of the previous floated element or container?
Ingo already gave you an explanation for what that space is (white-space nodes
in the html mark-up)
When you float the element or otherwise set to to display block, html parsing
rules kicks in, and basically those nodes are suppressed for display purposes.
>
> 4)
> On the - .navegacao ul li a - declaration block,
> we can't add padding-top and bottom, they will not be
> rendered on the viewport. Why? Because we are treat them
> as inline elements and not, block box elements.
> Is this precise?
>
> Why line-height doesn't work either?
the parent UL & DIV are set to 'overflow:hidden', the <a> elements are set to
display: inline. The padding (top and or bottom) is applied to the elements,
but because it is an inline element, the excess padding will be clipped by the
overflow:hidden.
Line-height should affect the layout though.
Please play a little with Firebug or Safari's webKit inspector; you can toggle
properties on elements on/off, or add properties as needed/wanted and see the
effect on your layout. It also helps adding background-colours/borders or the
outline property to various elements to see what affects what.
> 5)
> The question that make all those be here: "how can I
> put a background on the navigation, that goes beyond
> the right border height?
> Since we can have no padding nor line-height, should
> we apply the background color to a parent element?
> Which one?
>
> Let's imagine that the background color should start
> on the top ---- and end on the bottom ---- :
> --------- ---------
> | item1 | | item2 |
> --------- ---------
ul {background: lime; padding: 5em 0; } ?
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
