A stylesheet question

[Matt L.]

Hi all,
I'm a rookie when it comes to stylesheets and CSS. Within
SidebarOptions, I want to show a list of items tagged with
"MainMenu". When I do that, I get a list but it is bulleted and
indented and generally not visibly pleasing. However, when I look at
a tiddler that has tags associated to it, the list shows up nice and
simple - no bullets, no indent. I understand about inherited traits
and CSS, but how can I override those settings and display it the way
I want?

Here's a shot showing what I want it to look like (left) and what it
looks like now (right).

Any suggestions, or should I just pick up CSS for Dummies and start
there? :-)

Thanks!

[Matt L.]

Dang - forgot to paste the link:

http://sites.google.com/site/mmlpublicstuff/tiddlywiki/stylesheetquestion.png?attredirects=0

[wolfgang]

Hi Matt,

> > I understand about inherited traits
> > and CSS, but how can I override those settings and display it the way
> > I want?
>

In the StyleSheetLayout shadowed tiddler (under the right hand sidebar
'More' tab) you'll find the css to overwrite by adding your custom
definition in the shadowed StyleSheet tiddler.

The definition you would like to apply to #sidebarOptions is already
found applied to tagging:

.tagged{float:right;margin:0.5em}
.tagging{display:none;float:left;margin:0.5em 0.5em 0.5em 0}
.tagging ul,.tagged ul{list-style:none;margin:0.25em;padding:0}
.tagging,.tagged{font-size:0.9em;padding:0.25em}

Therefore, writing the following in the StyleSheet would probably
display lists in the sidebar as you wanted them:

#sidebarOptions ul{list-style:none;margin:.25em;padding:0}

(untested)

Regards..

[Matt L.]

That worked perfectly! Many thanks, wolfgang! I was going about it
the wrong way - trying to figure out where it was listing the UL
elements and removing those attributes - I hadn't thought of
overriding the display just for that location. Very cool...

Thanks again!