C
Chris Leonard
Can anyone please tell me why my list is still "bullet pointed" ?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML>
<HEAD>
<TITLE>Chris's CSS Menu Builder</TITLE>
<style type="text/css">
body
{
background-image: url(bg.gif);
}
..nav
{
width: 140px;
float: left;
margin: 0;
}
..menuheading
{
font-weight: bold;
}
..intro
{
margin-left: 160px;
}
..nav, .intro
{
margin-top: 5px;
}
..nav ul
{
list-style: none; <<<---- I thought this line would turn off bullet points
!!
margin: 0;
padding: 0;
border: none;
}
..nav li
{
border-bottom: 1px solid #C48532;
margin: 0;
}
..menuheading
{
font-size: 90%;
display: block;
padding: 2px 2px 2px 0.5em;
background-color: #C48532;
color: #000000;
font-weight: bold;
text-decoration: none;
width: 100%;
}
..nav li a
{
font-size: 90%;
display: block;
padding: 2px 2px 2px 0.5em;
border-left: 1px solid #C48532;
border-right: 1px solid #C48532;
border-top: 1px solid #C48532;
border-bottom: 1px solid #C48532;
background-color: #C48532;
color: #000000;
text-decoration: none;
width: 100%;
}
html>body .nav li a
{
width: auto;
}
..nav li a:hover
{
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background-color: #FFFFCC;
color: #000000;
}
</style>
</head>
<BODY>
<UL class="nav">
<LI class=menuheading>Menu Heading
<LI><A href="#">First
Item</A>
<LI><A href="#">Second
Item</A> </LI>
<LI class=menuheading>Sub Heading
<LI><A href="#">First
Sub Item</A>
<LI><A href="#">Second
Sub Item</A> </LI>
</UL>
<DIV class=intro>
<H3>CSS Menu Builder</H3>
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML>
<HEAD>
<TITLE>Chris's CSS Menu Builder</TITLE>
<style type="text/css">
body
{
background-image: url(bg.gif);
}
..nav
{
width: 140px;
float: left;
margin: 0;
}
..menuheading
{
font-weight: bold;
}
..intro
{
margin-left: 160px;
}
..nav, .intro
{
margin-top: 5px;
}
..nav ul
{
list-style: none; <<<---- I thought this line would turn off bullet points
!!
margin: 0;
padding: 0;
border: none;
}
..nav li
{
border-bottom: 1px solid #C48532;
margin: 0;
}
..menuheading
{
font-size: 90%;
display: block;
padding: 2px 2px 2px 0.5em;
background-color: #C48532;
color: #000000;
font-weight: bold;
text-decoration: none;
width: 100%;
}
..nav li a
{
font-size: 90%;
display: block;
padding: 2px 2px 2px 0.5em;
border-left: 1px solid #C48532;
border-right: 1px solid #C48532;
border-top: 1px solid #C48532;
border-bottom: 1px solid #C48532;
background-color: #C48532;
color: #000000;
text-decoration: none;
width: 100%;
}
html>body .nav li a
{
width: auto;
}
..nav li a:hover
{
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background-color: #FFFFCC;
color: #000000;
}
</style>
</head>
<BODY>
<UL class="nav">
<LI class=menuheading>Menu Heading
<LI><A href="#">First
Item</A>
<LI><A href="#">Second
Item</A> </LI>
<LI class=menuheading>Sub Heading
<LI><A href="#">First
Sub Item</A>
<LI><A href="#">Second
Sub Item</A> </LI>
</UL>
<DIV class=intro>
<H3>CSS Menu Builder</H3>
</BODY>
</HTML>