Forum Moderators: not2easy

Message Too Old, No Replies

Help: List-Style in Eric Meyer's CSS Reset?

I want to get the bullets back.

         

33ddyy

4:27 pm on Jul 16, 2010 (gmt 0)

10+ Year Member



I use Eric Meyer's CSS Reset. It works except to unordered lists: the bullets are removed. Since all the browsers use now discs as bullets for lists, I want to make Eric's CSS Reset stop removing them

How can I do this?

Eric Meyer's CSS Reset (my personal version - not too different from the original) is this:
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}


Please TEST before answering. I also tried doing it but I didn't succeed.

Thanks.:)

birdbrain

7:36 pm on Jul 16, 2010 (gmt 0)



Hi there ,

and a warm welcome to these forums. ;)

Remove this....


ol,ul {
list-style:none;
}


...from your style sheet.

birdbrain

Super_Chunk

12:26 pm on Jul 26, 2010 (gmt 0)

10+ Year Member



Or if you don't want to touch the reset, then add this rule after the reset stylesheet :


ol,ul {
list-style: disc outside none;
}


Reference here : [w3schools.com ]