Jump to content

Blank Lines Between List Entries


McKay

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; }

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...