Re: [css-d] help targeting a nested list

[David Laakso]

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/

Re: [css-d] Way to start an ol at a specific number/letter?

[Jukka K. Korpela]

2011-11-17 1:38, Angela French wrote:


I got it to work with list-style-type decimal, but not alpha.
Any way to make it start on a particular letter?


The idea at

http://timmychristensen.com/css-ordered-list-numbering-examples.html
is that you don't use list-style-type (but set it to none and generate 
your own numbering). So I think you mean to ask how to create an effect 
that corresponds to list-style-type: lower-alpha or list-style-type: 
upper-alpha (mere alpha won't do anyway).


The answer is that you pass the desired keyword as the second argument 
to counter(), e.g. changing

content: counter(chapter) ". ";
to
content: counter(chapter, lower-alpha) ". ";

You need to set the start value (in the value for the counter-reset 
property) as a number, using the ordinal number of the desired letter in 
the alphabet minus one. E.g., to start at "c", you would set

counter-reset: chapter 2;

Yucca
__
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] Way to start an ol at a specific number/letter?

[Jukka K. Korpela]

2011-11-17 1:47, Angela French wrote:


Counter-reset isn't supported in IE 7.  Naturally.  :-(


The worst thing about this is that it makes approaches like


http://timmychristensen.com/css-ordered-list-numbering-examples.html


fail badly: in IE 7, the list is not numbered at all, and it lacks all 
list markers. The reason is that the browser happily executes 
list-style: none and then ignores the attempts to create your own 
numbering via generated content.


Thus, for things like this, HTML attributes are really safer than CSS. 
(While deprecated in HTML 4,  as well as  
are OK by the HTML5 drafts. More or less, they are now considered as 
semantic rather than presentational.)


Yucca
__
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] nav not floating right

[David Laakso]

On 11/15/11 8:29 PM, mem wrote:


thanks.

I notice you didn't choose float the nav, but instead text-align right the ul;
I've tried to reproduce that with no success:

http://help.nuvemk.com/floatedFluidLayoutHtml5/index_2.php
http://help.nuvemk.com/floatedFluidLayoutHtml5/style_2.css

I'm to tired already perhaps and it could be something really obvious that I'm 
not getting… :s

K. Regards,
m.






Page with only one header set in it.
Please see 
Page should hold and show now in  IE/8 and IE/7.
Probably needs a little adjustment for IE/7 [guessed-- no IE/7 hereabout 
now].
Not sure that repeating the header the way you've done in your sample is 
going to buy you much more than grief but I am always open to precarious 
adventures...


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/

Re: [css-d] Way to start an ol at a specific number/letter?

[Angela French]

Counter-reset isn't supported in IE 7.  Naturally.  :-(

>-Original Message-
>From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-
>discuss.org] On Behalf Of Chris Morton
>Sent: Wednesday, November 16, 2011 3:29 PM
>To: css-d@lists.css-discuss.org
>Subject: Re: [css-d] Way to start an ol at a specific number/letter?
>
>http://timmychristensen.com/css-ordered-list-numbering-examples.html
>
>On Wed, Nov 16, 2011 at 3:23 PM, Angela French  wrote:
>
>> Oh, the days of html 4.0 transitional when we could set the start
>> number for a list right in the html!  Is there a way to do this in CSS?  I 
>> would
>> need to write it inline on the 
>>
>> Thanks!
>>
>>
>> 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/
>>
>
>__
>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/
__
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] Way to start an ol at a specific number/letter?

[Angela French]

Thanks!  I got it to work with list-style-type decimal, but not alpha.  Any way 
to make it start on a particular letter?

>-Original Message-
>From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-
>discuss.org] On Behalf Of Chris Morton
>Sent: Wednesday, November 16, 2011 3:29 PM
>To: css-d@lists.css-discuss.org
>Subject: Re: [css-d] Way to start an ol at a specific number/letter?
>
>http://timmychristensen.com/css-ordered-list-numbering-examples.html
>
>On Wed, Nov 16, 2011 at 3:23 PM, Angela French  wrote:
>
>> Oh, the days of html 4.0 transitional when we could set the start
>> number for a list right in the html!  Is there a way to do this in CSS?  I 
>> would
>> need to write it inline on the 
>>
>> Thanks!
>>
>>
>> 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/
>>
>
>__
>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/
__
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] Way to start an ol at a specific number/letter?

[Chris Morton]

http://timmychristensen.com/css-ordered-list-numbering-examples.html

On Wed, Nov 16, 2011 at 3:23 PM, Angela French  wrote:

> Oh, the days of html 4.0 transitional when we could set the start number
> for a list right in the html!  Is there a way to do this in CSS?  I would
> need to write it inline on the 
>
> Thanks!
>
>
> 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/
>
__
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/

[css-d] Way to start an ol at a specific number/letter?

[Angela French]

Oh, the days of html 4.0 transitional when we could set the start number for a 
list right in the html!  Is there a way to do this in CSS?  I would need to 
write it inline on the 

Thanks!


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] center vertically - a quest

[mem]

On Nov 16, 2011, at 22:47 , mem wrote:

> Hello all, again.
> 
> This is hard. (At least it seems to be);
> 
> I should have a container of a min-width and min-height defined so that, if 
> the image inside that container is very tiny, the container should maintain 
> is position, by having the contained image centered, both vertically and 
> horizontally.
> 
> We will not know image dimensions. 
> The only thing we know is that, why will not be wider or higher then a 
> certain value.
> 
> Excluding good browsers, the solution must work on ie8 and sup;
> 
> I can't find a way to vertically and horizontally center those images, and 
> keeping a min-height and width defined.
> 
> Can I have your help please?
> 
> cf:
> .logo-organization-home
> 
> http://help.nuvemk.com/centerImages/centerplease.php
> http://help.nuvemk.com/centerImages/style.css

Additional notes:

1)
.logo-organization-home or, a container of this, should be floated left; 
(because this will fit the layout like this, and that the reason I leave that 
property defined there.

2)
This is semantically relevant information and not decorative, so using 
background position may not fit on this case.


Thanks a lot!
__
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/

[css-d] center vertically - a quest

[mem]

Hello all, again.

This is hard. (At least it seems to be);

I should have a container of a min-width and min-height defined so that, if the 
image inside that container is very tiny, the container should maintain is 
position, by having the contained image centered, both vertically and 
horizontally.

We will not know image dimensions. 
The only thing we know is that, why will not be wider or higher then a certain 
value.

Excluding good browsers, the solution must work on ie8 and sup;

I can't find a way to vertically and horizontally center those images, and 
keeping a min-height and width defined.

Can I have your help please?

cf:
.logo-organization-home

http://help.nuvemk.com/centerImages/centerplease.php
http://help.nuvemk.com/centerImages/style.css


Thanks,
mem

__
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

[Angela French]

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

[Tim Climis]

> 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/

[css-d] help targeting a nested list

[Angela French]

Good Morning.  I need some help styling s 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  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] nav not floating right

[Paceaux]

try using modrnizer.js for your html5 block elements. 

Or, a simpler solution is to use the Meyer 2.0 CSS reset. In it, Eric Meyer 
declares all the HTML5 block elements as display:block.




Frank M Taylor 
http://frankmtaylor.com
@paceaux


On Nov 15, 2011, at 6:05 PM, mem wrote:

> On Nov 16, 2011, at 24:49 , Philippe Wittenbergh wrote:
> 
>> 
>> On Nov 16, 2011, at 9:33 AM, mem wrote:
>> 
>> IE 7 and 8 do not understand the html5 'nav' element at all. You need some 
>> js to 'explain' that element to those browsers. Search for 'HTML5 shim'
> 
> Thanks.
> 
> Done it. Forgot about that. Long time since I play with it I guess.
> 
> I've added the following between the head tags:
> 
> 
> 
> http://help.nuvemk.com/floatedFluidLayoutHtml5/index_1.php
> 
> The problem seems to persist on both: ie7 and ie8;
> 
> Any clue?
> 
> :(
> 
> 
> __
> 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/

__
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/