Removing Inheritance for list-style-type

[MP12]

I've got a <div class="content"which is within a <div id="main">

I'm finding that the ul and li values for the main div are being
inherited into the content div, in particular, the main div has a
'list-style-type: square' and I cannot get rid of it from the content
div, even though is set to 'list-style-type: none'

Is there a way to force a div class within a div id to not inherit
these values, or some other method to get around this? I'm trying to
use a background image as a custom bullet on my content div but I'm
actually seeing two bullets - the background bullet, and the square
bullet from the parent div.

Thanks for any advice on this.

[Jonathan N. Little]

MP12 wrote:

I've got a <div class="content"which is within a <div id="main">

I'm finding that the ul and li values for the main div are being
inherited into the content div, in particular, the main div has a
'list-style-type: square' and I cannot get rid of it from the content
div, even though is set to 'list-style-type: none'

Is there a way to force a div class within a div id to not inherit these
values, or some other method to get around this? I'm trying to use a
background image as a custom bullet on my content div but I'm actually
seeing two bullets - the background bullet, and the square bullet from
the parent div.

Thanks for any advice on this.

Just be more specific with the rule

div.class ul { list-style-type: square; }
div.class div#main ul { list-style-type: none; }

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[dorayme]

In article <47**********************@news.zen.co.uk>,
MP12 <mp**@invalid.comwrote:

I've got a <div class="content"which is within a <div id="main">

I'm finding that the ul and li values for the main div are being
inherited into the content div, in particular, the main div has a
'list-style-type: square' and I cannot get rid of it from the content
div, even though is set to 'list-style-type: none'

Is there a way to force a div class within a div id to not inherit
these values, or some other method to get around this? I'm trying to
use a background image as a custom bullet on my content div but I'm
actually seeing two bullets - the background bullet, and the square
bullet from the parent div.

Thanks for any advice on this.

http://netweaver.com.au/alt/divListDivList.html

--
dorayme

[Petr Vileta]

MP12 wrote:

I've got a <div class="content"which is within a <div id="main">

I'm finding that the ul and li values for the main div are being
inherited into the content div, in particular, the main div has a
'list-style-type: square' and I cannot get rid of it from the content
div, even though is set to 'list-style-type: none'

Is there a way to force a div class within a div id to not inherit
these values, or some other method to get around this? I'm trying to
use a background image as a custom bullet on my content div but I'm
actually seeing two bullets - the background bullet, and the square
bullet from the parent div.

You can use <dland <dtor <dd>. It looks like <liwith 'list-style-type:
none'
--
Petr Vileta, Czech republic
(My server rejects all messages from Yahoo and Hotmail. Send me your
mail from another non-spammer site please.)

Please reply to <petr AT practisoft DOT cz>

[Jukka K. Korpela]

Scripsit Petr Vileta:

You can use <dland <dtor <dd>.

Or <blinkor <clue>.

It looks like <liwith
'list-style-type: none'

In your dreams. But that's irrelevant. The question was about changing
the visual appearance of elements, with the given markup, not about all
kinds of (wrong) markup that might be used.

I haven't seen the original question, but it appears that no URL was
specified so we don't know what the OP really tried*). But the answer to
the question in the Subject line is simple: to break (prevent)
inheritance, assign a value to the property, for the applicable element.

*) It seems that she or he tried to use background images instead of
bullets, somehow resulting in double bullets. Then the question is: why
don't you simply use list-style-image? (Because you don't want bullets
to appear in printed copies? After all, background images are usually
suppressed on printing.)

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

[MP12]

Hi, just a quick message to say thanks to the posters who replied.
I've used the advice here and it's now working fine!

Thanks again, much appreciated. I can now let my hair grow back again! :)

[William Gill]

Jukka K. Korpela wrote:

*) It seems that she or he tried to use background images instead of
bullets, somehow resulting in double bullets. Then the question is: why
don't you simply use list-style-image? (Because you don't want bullets
to appear in printed copies? After all, background images are usually
suppressed on printing.)

It's too bad CSS doesn't allow for different media types so that someone
could specify background images on the screen and something else on
print media.

[Bergamot]

William Gill wrote:

>
It's too bad CSS doesn't allow for different media types

Um, it certainly does.
http://www.w3.org/TR/CSS21/media.html

--
Berg

[William Gill]

Bergamot wrote:

Um, it certainly does.
http://www.w3.org/TR/CSS21/media.html

Yes, I know. I just didn't want to go into a diatribe about
"cluelessness", unfamiliarity with CSS, confusion, and suggestions that
someone abandon HTML and CSS until they study more.

Sorry, my humor is sometimes elusive. <g>

[Bergamot]

William Gill wrote:

>
Sorry, my humor is sometimes elusive. <g>

FYI, I think there's a thing called a smiley... ;)

--
Berg