Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Old 07-22-2005, 05:16 PM <LI> CSS (HELP)
MightyMaster's Avatar
Ultra Talker

Posts: 401
Location: Appleton, WI
Trades: 0
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

Code:
<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!
MightyMaster is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 07-22-2005, 05:30 PM
angele803's Avatar
Perfectly Imperfect

Posts: 1,774
Name: Stephanie
Location: Oklahoma
Trades: 2
hmm, Im not really sure...try adding
list-style:none
to what you have and see if that works.
angele803 is offline
Reply With Quote
View Public Profile
 
Old 07-22-2005, 05:34 PM
MightyMaster's Avatar
Ultra Talker

Posts: 401
Location: Appleton, WI
Trades: 0
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>?
MightyMaster is offline
Reply With Quote
View Public Profile
 
Old 07-22-2005, 05:41 PM
MightyMaster's Avatar
Ultra Talker

Posts: 401
Location: Appleton, WI
Trades: 0
Ok ... figured out the margin thing now. Just added margin-left: -15px; to it but I still haven't figured out the hard return.
MightyMaster is offline
Reply With Quote
View Public Profile
 
Old 07-22-2005, 05:42 PM
angele803's Avatar
Perfectly Imperfect

Posts: 1,774
Name: Stephanie
Location: Oklahoma
Trades: 2
okay, try adding this:

{
margin: 0;
padding: 0;
}

That should align the list

Im still working on the adding space between the items
angele803 is offline
Reply With Quote
View Public Profile
 
Old 07-22-2005, 05:44 PM
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,517
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
display:block;
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 07-22-2005, 05:48 PM
MightyMaster's Avatar
Ultra Talker

Posts: 401
Location: Appleton, WI
Trades: 0
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?
MightyMaster is offline
Reply With Quote
View Public Profile
 
Old 07-22-2005, 05:58 PM
MightyMaster's Avatar
Ultra Talker

Posts: 401
Location: Appleton, WI
Trades: 0
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.
MightyMaster is offline
Reply With Quote
View Public Profile
 
Old 07-22-2005, 05:59 PM
angele803's Avatar
Perfectly Imperfect

Posts: 1,774
Name: Stephanie
Location: Oklahoma
Trades: 2
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!
angele803 is offline
Reply With Quote
View Public Profile
 
Old 07-22-2005, 06:00 PM
MightyMaster's Avatar
Ultra Talker

Posts: 401
Location: Appleton, WI
Trades: 0
Thanks for your help!! I appreciate it!! I am surfing for an answer right now but not finding much.
MightyMaster is offline
Reply With Quote
View Public Profile
 
Old 07-22-2005, 06:23 PM
MightyMaster's Avatar
Ultra Talker

Posts: 401
Location: Appleton, WI
Trades: 0
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.
MightyMaster is offline
Reply With Quote
View Public Profile
 
Old 07-22-2005, 06:42 PM
MightyMaster's Avatar
Ultra Talker

Posts: 401
Location: Appleton, WI
Trades: 0
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')
}
MightyMaster is offline
Reply With Quote
View Public Profile
 
Old 07-23-2005, 04:43 AM
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,517
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
You only have a partial doctype which means IE will be in quirks mode

Use a full doctype for a start.
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 07-23-2005, 05:21 AM
brokensoul2271's Avatar
- - - - - - - - -

Posts: 750
Location: Lancashire, UK
Trades: 0
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:
Code:
ul.news {
list-style-type: none;
margin: 0;
padding: 0;
}
I'm not sure what you're using a spacer for, could you explain?
__________________
Yes, indeed...

Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
brokensoul2271 is offline
Reply With Quote
View Public Profile Visit brokensoul2271's homepage!
 
Old 07-23-2005, 08:27 AM
MightyMaster's Avatar
Ultra Talker

Posts: 401
Location: Appleton, WI
Trades: 0
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!
MightyMaster is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to <LI> CSS (HELP)
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.45484 seconds with 12 queries