ul property

[Edwin van der Vaart]

Good day to all,

This sound crazy, but what's the standard css property for the <ul>.
Because I have a menu which I have specified the css for the <ul>, see at
http://www.evandervaart.nl/test/

When I gone use an other <ul> in the content I need to specify the <ul>
with the css.
I tried for the ul {list-style: disc; margin: 1em; padding: 0em 0em 0em
2em; border: 0;}.
When I compare the <ol> and mine <ul> in Firefox, Opera, Galeon (under
Linux/Mandrake 9.2) and Firefox, Opera, IE (under Windows 2000). I see
that there is a little different of 1em margin/padding on the left hand
side.

What is the correct css property (setting) for the <ul>.

 

[Neal]

Good day to all,

This sound crazy, but what's the standard css property for the <ul>.

http://www.w3.org/TR/CSS21/sample.html - but of course this is merely
typical.

 

[Edwin van der Vaart]

Neal schreef:

http://www.w3.org/TR/CSS21/sample.html - but of course this is merely
typical.

So the <ul> have a margin of 1.12em 0 and a margin-left of 40px and no
padding.
Thanx for the uri and info.

Oh,
Did you like the menu?
Does it work ok?

 

[Toby Inkster]

This sound crazy, but what's the standard css property for the <ul>.

Is crazy. There is no "standard" was of displaying an unordered list.
Different browsers do different things by default. For example, Opera adds
a small vertical margin between list items; other browsers don't.

To be safe:
ul,li{margin:0;padding:0;list-style:disc}

and then add your customisations.

 

[Jukka K. Korpela]

So the <ul> have a margin of 1.12em 0 and a margin-left of 40px and no
padding.

You may have missed the "this is merely typical" part.

Browsers are free to implement <ul> elements by default e.g. using some
padding properties and no margins. And even to apply a reasonable left
margin instead of 40px.

But what is your _problem_? Why would you use CSS to make a browser
behave in a manner that it would use without CSS?

 

[Edwin van der Vaart]

Jukka K. Korpela schreef:

You may have missed the "this is merely typical" part.

Browsers are free to implement <ul> elements by default e.g. using some
padding properties and no margins. And even to apply a reasonable left
margin instead of 40px.

But what is your _problem_? Why would you use CSS to make a browser
behave in a manner that it would use without CSS?

Well, my problem is that I already specified an unordered list for the menu.
When I would like to use the standard unordered list, then the unordered
list
the same properties as the menu.
See the bottom of the right colomn at:
http://www.evandervaart.nl/test/

 

[Edwin van der Vaart]

Toby Inkster schreef:

Edwin van der Vaart wrote:




Is crazy. There is no "standard" was of displaying an unordered list.
Different browsers do different things by default. For example, Opera adds
a small vertical margin between list items; other browsers don't.

To be safe:
ul,li{margin:0;padding:0;list-style:disc}

and then add your customisations.

Thanx for the tip. I'll customize the unordered list.

 

[Jukka K. Korpela]

Well, my problem is that I already specified an unordered list for
the menu. When I would like to use the standard unordered list, then
the unordered list the same properties as the menu.
See the bottom of the right colomn at:
http://www.evandervaart.nl/test/

I still don't see the problem - maybe because your example there is so
artificial (no real content).

But if you wish to specify some properties in CSS for one unordered list
only, by not affecting other unordered lists, it's simplest to assign
a class (say <ul class="menu">) and use a class selector (say
ul.menu { ... }) in CSS.

There's generally no way in CSS to "undo" the effects of some CSS rules,
in the sense of saying "use the browser defaults instead". You just need
to avoid specifying the rules as applicable to the elements that should
be left intact; and classes are the simple way.

 

[Edwin van der Vaart]

Jukka K. Korpela schreef:

I still don't see the problem - maybe because your example there is so
artificial (no real content).

It wasn't artificial. Only I made it artificial as an example to let you
see what I meant.

But if you wish to specify some properties in CSS for one unordered list
only, by not affecting other unordered lists, it's simplest to assign
a class (say <ul class="menu">) and use a class selector (say
ul.menu { ... }) in CSS.

Yes, I already know that.
I have a javascript, which was looking for a id="nav".
I added class="nav" in the <ul> and changed all the ul properties into
ul.nav.
The problem is solved. Now I can use the standard ul definition.

There's generally no way in CSS to "undo" the effects of some CSS rules,
in the sense of saying "use the browser defaults instead". You just need
to avoid specifying the rules as applicable to the elements that should
be left intact; and classes are the simple way.

Thanx for the info.