Why will the bullets not go away?

[A2JC4life]

This page: www.titus 2 homemaker.com/shop2 is the test site for a template I'm working on. I can't get the bullets in the sidebar to go away. The sidebar is created with a div (sidebars) that has three others nested in it (sidebar0 - the upper; sidebar1 - the lower left; and sidebar2 - the lower right). I have tried setting the following:

 

ul {line-style-type: none; }

 

in the main page instructions, and in every one of the sidebar divs, and it isn't working. (When I set the instructions for the main page this way, the bullets disappeared for the navigation bar - which I also wanted - but I can't get the ones in the sidebar to disappear.) What am I missing?

[A2JC4life]

Never mind. I've been working on this for a couple of weeks, but now that I posted the question, I've figured it out. It was a stupid mistake. I must've cut-and-pasted, because several of my sidebar elements were notated as classes, rather than id's. It works now.

 

 

Okay, no it doesn't. The left sidebar works, but the right sidebar doesn't. I don't get it, because the code is exactly the same (except that they float to different sides). I even copied-and-pasted the whole block again - then changed the 1's to 2's and changed the float back to right - to make sure. So I'm apparently still missing something.

 

/*
Theme Name: Titus2Homemaker
Theme URI: 
Description: Theme designed for the Titus 2 Homemaker blog.
Version: 1.0
Author: Rachel Ramey
Author: http://www.titus2homemaker.com

*/


/***** TEXT AND LINKS *****/

body{
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: .8em;
text-align: center;
color: #333333;
}

h1, h2, h3, h4, h5, h6 { 
color: #EEEEEE; 
font-family: Georgia, Helvetica, Times, Serif; 
margin: 0; 
padding: 0; 
}

   h1 { font-size: 2em; 
       padding: 0 0 5px 0; }
   h2 { font-size: 1.5em; }
   h3 { font-size: 1.4em; }
   h4 { font-size: 1.3em; 
       background: #5F7797; 
       padding: 2px auto 1px 1px; 
       border: 1px solid #354463; }
   h5 { font-size: 1.2em; }
   h6 { font-size: 1.1em; }

a:link, a:visited { 
text-decoration: none; 
color: #003399; 
}

a:hover { 
text-decoration: none; 
color: #5F7797; 
}

blockquote { 
margin: 15px 30px 10px 30px; 
padding: 0 10px 10px 10px; 
background: #A7AEB8;
}

p{
padding: 10px 0 0 0;
}


/***** LAYOUT AND CONTENT *****/

body {
margin: 0;
vertical-align: top;
background: #C6C9D0 url(images/winterflor.jpg) repeat;
}

#wrapper {
margin: 10px auto 0 auto;
width: 800px;
text-align: left;
}

#headerarea {
float: left;
width: 800px;
border: 1px solid #354463; 
}

   #header { 
   float: left; 
   background: #7C8AA4; 
   width: 100%; 
   height: 170px; 
   }

   #navbar { 
   float: left; 
   background: #7C8AA4; 
   width: 100%; height: 30px; 
   border-top: 4px solid #EEEEEE; 
   border-bottom: 4px solid #EEEEEE; 
   }

#container{
margin: 8px auto 0 auto;
float: left;
width: 494px;
background: #BFC4CB; 
border: 1px solid #354463; 
}

   .post{
   padding: 10px 0 10px 0;
   }

   .post h2{
   font-family: Georgia, Helvetica, Times, Serif; 
   font-size: 1em;
   }

   .entry{
   line-height: 1em;
   }

   p.postmetadata{
   margin: 10px 0 0 0;
   }

#sidebars{
margin: 8px auto 0 8px; 
float: left;
width: 294px;
background: #A7AEB8; 
border: 1px solid #354463; 
display: inline;
}

   #sidebar0{
   margin: 0; 
   float: left;
   width: 294px;
   background: #A7AEB8; 
   display: inline;
   }

       #sidebar0 ul{
       list-style-type: none;
       margin: 0;
       padding: 0 5px 0 5px;
       }

       #sidebar0 ul li{
       padding: 10px 0 10px 0;
       }

       #sidebar0 ul li h2{
       font-family: Georgia, Helvetica, Times, Serif; 
       font-size: .8em;
       }

       #sidebar0 ul ul li{
       padding: 0;
       }

       #quote {
       padding: 20px 30px 0 30px;
       font-style: italic;
       text-align: justify;
       }


   #sidebar1{
   margin: 12px auto 0 auto; 
   float: left;
   width: 147px;
   background: #A7AEB8; 
   display: inline;
   }

       #sidebar1 ul{
       list-style-type: none;
       margin: 0;
       padding: 0 5px 0 5px;
       }

       #sidebar1 ul li{
       padding: 10px 0 10px 0;
       }

       #sidebar1 ul li h2{
       font-family: Georgia, Helvetica, Times, Serif; 
       font-size: .8em;
       }

       #sidebar1 ul ul li{
       padding: 0;
       }

   #sidebar2{
   margin: 12px auto 0 auto; 
   float: right;
   width: 147px;
   background: #A7AEB8; 
   display: inline;
   }

       #sidebar2 ul{
       list-style-type: none;
       margin: 0;
       padding: 0 5px 0 5px;
       }

       #sidebar2 ul li{
       padding: 10px 0 10px 0;
       }

       #sidebar2 ul li h2{
       font-family: Georgia, Helvetica, Times, Serif; 
       font-size: .8em;
       }

       #sidebar2 ul ul li{
       padding: 0;
       }

       table#wp-calendar{
       width: 141px;
       }

#footer{
clear: both;
float: left;
width: 800px;
}

/***** NAVIGATION *****/

#search {
margin: 0 15px 0 0;
width: 206px;
height: 30px;
float: right;
vertical-align: center;
}

#nav {
margin: 0 0 0 5px;
width: 566px;
height: 30px;
float: left;
vertical-align: center;
list-style-type: none;
}

#nav ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#nav li {
margin: auto 3px auto 3px;
padding: auto 2px auto 2px;
float: left;
vertical-align: center;
}

#nav a {
color: #EEEEEE;
text-decoration: none;
font-family: Georgia, Helvetica, Times, Serif; 
text-style: bold;
font-size: 1.5em; 
display: block;
height: 30px;
}

#nav a:hover {
background: #BFC4CB; 
color: #333333;
}

#nav .current_page_item a {
background: #A7AEB8;
color: #333333;
}

#nav {
}

#search {
}

 

(Ignore the last two, placeholder, bits. I haven't gotten that far yet.)

Edited March 11, 2010 by A2JC4life

[Wickham]

The code should be

list-style-type: none;

not

line-style-type: none;

as stated in your first post.

 

Edit: I notice that your stylesheet is correct.

 

I checked here:-

http://validator.w3.org/

and it showed 13 errors and one was for this section of code:-

Calendar

 

where the ul tag appears to be missing and it's the ul tag that has the list-style-type: none;

Edited March 11, 2010 by Wickham

[A2JC4life]

The code should be

list-style-type: none;

not

line-style-type: none;

as stated in your first post.

 

Edit: I notice that your stylesheet is correct.

 

I checked here:-

http://validator.w3.org/

and it showed 13 errors and one was for this section of code:-

Calendar

 

where the ul tag appears to be missing and it's the ul tag that has the list-style-type: none;

 

Yes, I have no idea why I typed "line"; I've edited the post now.

 

That fixed it; thanks!