Removing underlines from Links not working in FF

I have used the following code for removing underlines from link :
Works fine on IE but in FF it still shows the underlines.
CSS related to links :

.uline{text-decoration:none;}
a:link{color:#ff33cc;}
a:visited{color:#ff33ff;}
a:hover{color:#999999;}

Code (markup):

html code :

<ul type="none">
	<li><a href="#"><span class="uline">First</span></a></li>
	<li><a href="#"><span class="uline">Second</span></a></li>
	<li><a href="#"><span class="uline">Third</span></a></li>
</ul>

Code (markup):

TIA

 

hmmm i wonder it is, check again.. you are with new firefox version ?

 

Try that. By the way, where the hell did you get "type="none"" from?

 

For starters, you need to remove type="none" from the unordered list since it's not a valid HTML attribute.

Second, if you want to remove the underlines from the list links, either target all links in lists or give the list either a class or ID and target them directly.

ul a {
    text-decoration: none;
}

.classname a {
    text-decoration: none;
}

#idname a {
    text-decoration: none;
}

Code (markup):

Do that and you won't even need the spans. Just make sure that if you use a class or ID, that the selector matches the attribute value in the list.

 

and that if you are going to use a SPAN or DIV with a class, that you can't just apply the styling of that class to a parent container instead of wasting the extra tag... or that you even need a class in the first place (which a lot of times you don't)

 

I meant the class on the list itself, Jason.

 

I wasn't commenting on what you posted - I was commenting on the original code and adding to what you posted.

 

I got the type="none" thing from here : http://www.w3schools.com/css/tryit.asp?filename=trycss_list-style-type

Well, it works as well(both IE & FF), i wanted to get rid of the list dots & it did exactly that.

I have been trying to learn HTML | CSS for some weeks now and it is anything but easy with all the browser variations, exceptions, bugs and what not.
So if anything works for both FF & IE i take it as the rule.

Thanks for helping me out again

Have fun this weekend
Mine just started with Friday being a Institute holiday

 

the type="none" should be in your css:

Edit: I put list-style-type instead of list-style

 

I personally use the short-hand version, list-style: in my stylesheet.