McKay Posted May 15, 2009 Share Posted May 15, 2009 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 More sharing options...
jlhaslip Posted May 15, 2009 Share Posted May 15, 2009 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 More sharing options...
Ingolme Posted May 15, 2009 Share Posted May 15, 2009 Just add a bottom margin to the list items: li { margin-bottom: 10px; } Link to comment Share on other sites More sharing options...
chibineku Posted May 15, 2009 Share Posted May 15, 2009 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 More sharing options...
Ingolme Posted May 15, 2009 Share Posted May 15, 2009 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 More sharing options...
McKay Posted May 15, 2009 Author Share Posted May 15, 2009 @Ingolme That did the trick, thanks so much! I can't believe it was that simple... :)Thanks to everybody else as well! Cheers,Mickey Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.