On Feb 11, 2010, at 12:39 PM, Skip Knox wrote:
> This is a small thing but I do like to understand why styles behave the way
> they do. Here is a sample page in question:
> http://boisestate.edu/webcenter/bestpractice/accessibility.shtml
>
> Stylesheets are here:
> http://boisestate.edu/webcenter/styles/main.css
> http://boisestate.edu/webcenter/styles/bestpractice.css
>
> The mystery has to do with line length in the navigation box on the right
> (not the left). Specifically, I have a width specified for the list items in
> that menu. I shouldn't have to, but if I remove the width statement, the
> lines word wrap about halfway across the box.
>
> 1. Can someone explain why, with no width on the li, the words wrap the way
> they do
because of this:
#content p, li {
margin-right: 11em;
}
which select _all_ li element on the page
you probably wanted to say:
#content p, #content li { /* <--- note the change */
margin-right: 11em;
}
When you then specify a width on those list-items it overrides that margin
because the whole construction becomes over-constrained.
>
> 2. Can someone offer a better solution to the problem than the one I'm
> employing?
see above ?
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/
