Tags:
create new tag
view all tags

Question

I have read Support.HowToColorBullets and I understand how to override bullet styles for an entire page. If I set

<style> ul, li {list-style-type: none;}" </style>
then all bullets are presented as indented, but without the • character.

However, I want to override only SOME of the bullets on the page. I tried

<span style="list-style-type: none;">
to no avail...

I suspect I'm missing something very simple. but what?

Environment

TWiki version: unspecified
TWiki plugins: DefaultPlugin, EmptyPlugin, InterwikiPlugin
Server OS:  
Web server:  
Perl version:  
Client OS:  
Web Browser:  
Categories: Skin

-- VickiBrown - 06 Sep 2007

Answer

ALERT! If you answer a question - or someone answered one of your questions - please remember to edit the page and set the status to answered. The status selector is below the edit box.

From the way I understand css and html, the css is parsed, and then there is one css for any identifiable element that is applied to all those elements.

so...

don't style all list elements, surround the list you want to render in a div or span with a class class="nobullet", and then add a style like...

<style> .nobullet ul, .nobullet li {list-style-type: none;}" </style>

  • has a bullet
    • nested
  • has a bullet
    1. number
    2. number

  • has no bullet
    • nested
  • has no bullet
    1. number
    2. number
  • has no bullet

-- SvenDowideit - 07 Sep 2007

Change status to:
Edit | Attach | Watch | Print version | History: r2 < r1 | Backlinks | Raw View | Raw edit | More topic actions
Topic revision: r2 - 2007-09-07 - SvenDowideit
 
  • Learn about TWiki  
  • Download TWiki
This site is powered by the TWiki collaboration platform Powered by Perl Hosted by OICcam.com Ideas, requests, problems regarding TWiki? Send feedback. Ask community in the support forum.
Copyright © 1999-2025 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.