[css-d] help targeting a nested list
Good Morning. I need some help styling lis in nested lists.
This is my test page:
http://168.156.9.142/college/_f-tuitionwaivers_childofdisableddeceasedpowNEW.aspx
. Half way down the page, under Changes in 2008, my nested list is supposed to
be numbered and the font should be the same as elsewhere. It isn't working.
My CSS needs to target the li as our CMS doesn't not support styling lists,
but only list items.
This is my css for the numbered list items:
div#Content_box ol li.ListNumber
{
font-size: 1em;
margin: 5px 0px 5px 5px;
list-style-type:decimal;
}
It is working fine elsewhere, but on a nested list it is not working in IE. In
FF, it renders as numbered, but the font is still tiny.
I also tried removing the list type from the style declaration as below, but
that doesn't work either. Is there some way to target the li that doesn't care
what level of nesting it is in?
div#Content_box li.ListNumber
{
font-size: 1em;
margin: 5px 0px 5px 5px;
list-style-type:decimal;
}
Thank you!
Angela French
Internet Specialist
State Board for Community and Technical Colleges
360-704-4316
afre...@sbctc.edu
http://www.checkoutacollege.com/
__
css-discuss [css-d@lists.css-discuss.org]
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/
Re: [css-d] help targeting a nested list
Is there some way to target the li that doesn't care what level of nesting it is in? Yes, and your example is it. li selects any list item. li li selects second, third, etc level list items. The problem is that there's a rule div#Content_box ol that sets the font-size to .8em on the whole list so if you want your text to be the same size as everything else, you'll have to blow it up again. 1.25em (the reciprocal of .8) should do the trick. ---Tim __ css-discuss [css-d@lists.css-discuss.org] 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/
Re: [css-d] help targeting a nested list
So I wrote this style, and it works for the nesting level indicated, but I need
a style to work at any nesting level for li.ListNumber. Isn't that possible?
And no matter what I still can't get IE8/IE7 to render the decimals.
div#Content_box ul ol li.ListNumber
{
font-size: 1.25em;
list-style-type:decimal!important;
}
-Original Message-
From: Tim Climis [mailto:tim.cli...@gmail.com]
Sent: Wednesday, November 16, 2011 10:19 AM
To: Angela French; 'css-d'
Subject: RE: [css-d] help targeting a nested list
Is there some way to target the li that doesn't care what level of
nesting
it is in?
Yes, and your example is it. li selects any list item. li li selects
second,
third, etc level list items.
The problem is that there's a rule div#Content_box ol that sets the font-size
to .8em on the whole list so if you want your text to be the same size as
everything else, you'll have to blow it up again. 1.25em (the reciprocal of
.8)
should do the trick.
---Tim
__
css-discuss [css-d@lists.css-discuss.org]
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/
Re: [css-d] help targeting a nested list
On 11/16/11 3:35 PM, Angela French wrote: So I wrote this style, and it works for the nesting level indicated, but I need a style to work at any nesting level for li.ListNumber. Isn't that possible? Set paragraphs. Best, ~d Desktop. Laptop. Tablet. Mobile! http://chelseacreekstudio.com/ __ css-discuss [css-d@lists.css-discuss.org] 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/
