Ok .. this may be hard to explain. I run http://www.GOPInsight.com and at the top I have the current news. I use a RSS parser for this ... the javascript is

<script language="JavaScript" src="http://www.globalsyndication.com//rss2js/feed2js.php?src=http%3A%2F%2Frss.news.yahoo.com%2Frss%2Fpolitics&chan=n&num=3&desc=200>1&date=n&targ=y&html=n" type="text/javascript"></script>

<noscript>
<a href="http://www.globalsyndication.com//rss2js/feed2js.php?src=http%3A%2F%2Frss.news.yahoo.com%2Frss%2Fpolitics&chan=n&num=3&desc=200>1&date=n&targ=y&html=y">View RSS feed</a>
</noscript>

Now for my problem. It puts it in <li> tags. How do I create a CSS thingy (nice word) that will get rid of the little dots and move the text over to a regular margin as though it was just regular text.

So far I have

li {
font-family: verdana, Arial, Times New Roman, Times, serif;
font-size: 10px;
color: #000000;
}

HELP!

hmm, Im not really sure...try adding
list-style:none
to what you have and see if that works.

Ok that took the dots away ... now how do I move it over so it matches with the rest of the page? Also is there a way to make it so there is a space in between each <li>?

Ok ... figured out the margin thing now. Just added margin-left: -15px; to it but I still haven't figured out the hard return.

okay, try adding this:

{
margin: 0;
padding: 0;
}

That should align the list

Im still working on the adding space between the items

display:block;

The margin, padding and display didn't work. I am resorting back to the margin-left: -15px;

Now I notice that when viewed in FireFox that the news is way down on the bottom of the page. CONFUSED?

Ok ... I created a spacer and put it in like this list-style-image:url('/basics/img/space.gif') which appears to work in IE, Slimbrowser and FireFox ... Not in Opera though. Also in FireFox my news is still loading at the very bottom of the page all of a sudden.

oh, the joy of browser incompatability. lol!
Anyway, I am in over my head! I dont have a clue how to fix that!
We need our CSS experts!

Thanks for your help!! I appreciate it!! I am surfing for an answer right now but not finding much.

Ok so I have

li {
font-family: verdana, Arial, Times New Roman, Times, serif;
font-size: 11px;
color: #000000;
padding-left: -0em;
margin-left: -30px;
list-style-image: url(/basics/img/space.gif);
}

But I am still having problems. Opera doesn't pick up the image. Fox throws the news to the bottom of the page.

Ok ... I have it working ... or so I think. It still is loading on the bottom of the page for some reason in firefox but ... can't please the entire world.

li {
font-family: verdana, Arial, Times New Roman, Times, serif;
font-size: 11px;
color: #000000;
padding-left: -0em;
margin-left: -20px;
list-style-type:square;
list-style-image:url('/basics/img/space.gif')
}

You only have a partial doctype which means IE will be in quirks mode

Use a full doctype for a start.

INstead of using the negative values on your list items try adding

list-style-type: none;
margin: 0;
padding: 0;

to the ul. So it would look like this:

ul.news {
list-style-type: none;
margin: 0;
padding: 0;
}

I'm not sure what you're using a spacer for, could you explain?

I am using the spacer as a hard return ... I know it sound goofy but it was the only way to get a space in between each news story. I have found another way of displaying the news though so the spacer is not needed.

Thanks to everyone for their help!