ul list-type in FF

My website, for some reason, displays a list with bullets in FireFox. It works fine in Opera. (God knows what the hell it's doing in IE) I have no clue how to fix it, so is there anyone who can help me out. My knowledge of CSS is very little. I am glad I barely got the site to what it is now.

 

Thats easy. Add the following to your stylesheet;

ul { list-style:none; }

Or, if your list is in a div titled "sidebar" you can style just that list like so;

#sidebar ul { list-style:none; }

Hope it helps.

 

the thing is, I have that in it already, but it still wont work

/* sub navigation */
#submenu ul {
list-style: none;
padding: 0;
margin: 0;
}
#submenu li {
float: left;
margin: 0 0.05em;
}
#submenu {background: url('img/block2.gif') #fff bottom left repeat;
}
#submenu {background: #fff bottom left; padding: 4em 5em 5em 5em;}
#submenu a {
background: url('img/block2.gif') #fff bottom left repeat;
border-bottom: 1px solid #FFF;
display: block;
float: center;
font: bold 1.7em Verdana,sans-serif;
height: 2.3em;
width: 2.3em;
line-height: 2.0em;
line-width: 2.0em;
padding: .3em .5em .5em .5em;
text-decoration: none;
text-align: center;
}

#submenu a:active {
background: url('img/grayblock.gif') #fff bottom left repeat;
}
#submenu a:hover {background: #444;}

btw, it works great in opera, so I don't see what the problem is. IE 6 is completely screwed up, and I dont have IE7 to check it with.

 

Try changing list-style to list-style-type.

 

Hmm. the list-style:none; should work on it's own, unless there's something else broken... silly question, but does the page validate?

Which of your pages is this, the "Your Anime Source"? If so it's probably because you don't have your LI closed properly, are attempting to use the pagenav ID more than once, ... something VALIDATION would pick up.

You've got four links in your sig and none in the post... Which one is it?

 

sorry. I forgot to post the link. It's www.erosennin.net.
I just ran a validation on it, and it says that the pagenav id is being used more than once, though I don't remember using it, and have no idea where it's used at.

http://validator.w3.org/check?uri=h...charset=(detect+automatically)&doctype=Inline

EDIT: I just fixed the part that wasn't validating, but the bullets are still there. All 3 browsers (opera, FF, and IE) are displaying different things, and it's getting annoying to me

 

Start from scratch.

 

That doesn't help me much, considering the fact i don't know anything about CSS, and it's a premade template.

 

Ok. So i just figured out why it isn't working, and although I do not have a solution, I know the problem, and that's a start. Anyway, what I did was put up the page that I had in the wordpress up onto a .php page, to test and see if the CSS was bad. Well this is what it is: www.erosennin.net/test.php

As you can see, the bullets aren't there, even in FF. This means that the reason it's not working is because wordpress has another bullet system somewhere and does not allow the css to work inside of posts. (which explains why it works inside of the header)

So, now i need to figure out where that little bullet comment is inside of wordpress and get rid of it, since I believe it's overriding the CSS, so if there is anyone that can help me out with this, I would really appreciate it.

 

First, try commenting this out for a quick test -
#content ul li {list-style: url('img/li.gif');}

That could be 'spilling over'...

Also, it's being declared on a bunch of the LI's, which really is a waste of code... Not sure if it's what's causing your problem, but I'd yank all the list-style:none from the LI's and put it in all the UL's...

Heck, you might want to consider just adding

ul {
list-style:none;
}

to the top of your css and removing all the other occurances. (and there's a lot of those)

 

dude, you like totally saved my life. I took the thing out of the content thing and it worked. Now I have to make that code smaller. Thanks for the advice.

Nick