Jump to content

Blank Lines Between List Entries


McKay
 Share

Recommended Posts

Hi everyone,I am personalizing a twitter-widget for my homepage. It displays the last five updates I've made on twitter, which is all working just fine; the only problem I have is that I want to have a blank line between the entries. I've already tried whatever I could think of, but as I am totally new to CSS... any help would be greatly appreciated :) Thanks so much!MickeyHere is what I've got so far:<html><head><style type="text/css">h2 {font-family: portagoitc tt; text-align: center; font-size: 28pt; color: rgb(50,35,27);max-height: 800px; max-width: 272px}a {font-family: courier new; color: rgb(97,48,46); font-weight: bold; max-height: 800px; max-width: 272px}a.handwriting-dakota {font-family: handwriting-dakota; color: rgb(97,48,46); font-weight: bold; max-height: 800px; max-width: 272px}ul {font-family: courier new; font-size: 10pt; font-weight: bold; line-height: 120%; color: rgb(95,74,101); list-style-position: outside; text-indent: 1cm; list-style-type: circle;max-height: 800px; max-width: 272px}</style></head><body><div id="twitter_div"><h2 class="sidebar-title">Twitter Updates</h2><ul id="twitter_update_list"></ul><a href="http://twitter.com/MickeyMcKay" id="twitter-link" style="display:block;text-align:right;"></a><a class="handwriting-dakota" href="http://twitter.com/MickeyMcKay" id="twitter-link" style="display:block;text-align:right;">follow me on Twitter</a></div><script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script><script type="text/javascript" src="http://twitter.com/statuses/user_timeline/MickeyMcKay.json?callback=twitterCallback2&count=5"></script></body></html>

Link to comment
Share on other sites

Add a correct, standards compliant Doctype to the page and also add a universal reset to the CSS portion to see if it is in the CSS.If you could post the 'results' of a view source would be good, too.

* { margin: 0; padding: 0; }

Edited by jlhaslip
Link to comment
Share on other sites

Add a correct, standards compliant Doctype to the page and also add a universal reset to the CSS portion to see if it is in the CSS.If you could post the 'results' of a view source would be good, too.
* { margin: 0; padding: 0; }

What, pray tell, is a universal reset when it comes to CSS? Or anything else, for that matter...
Link to comment
Share on other sites

What, pray tell, is a universal reset when it comes to CSS? Or anything else, for that matter...
The '*' in CSS is used to select every single element."Universal reset" just means setting the default margins and padding of every element to 0.I don't do it myself, I only do it for the elements I specifically need to change, because often I want the margins just the way they are, like in definition lists and paragraphs.
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...