problems pushing text to the left

tobymac

i have a script, i am trying to push all the text to the left! if you look you can see that it is a few spaces from the left.

Here is the live script

http://harborcityentertainment.com/hcrindienetwork/twitter.php

here is the script

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Custom Twitter Feed</title>

<script type="text/javascript" 

src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
//Twitter
window.onload = function() {
	var ajax_load = "<img class='loader' src=' loader.gif' alt='Loading...' 

/>";
	var url = 'http://twitter.com/statuses/user_timeline/hcrnetwork.json?

callback=twitterCallback2&count=4';
	var script = document.createElement('script');	
	$("#twitter_feed").html(ajax_load);
	script.setAttribute('src', url);
	document.body.appendChild(script);
}

function twitterCallback2(twitters) {
  var statusHTML = [];
  for (var i=0; i<twitters.length; i++){
    var username = twitters[i].user.screen_name;
    var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*

[^.,;'">\:\s\<\>\)\]\!])/g, 
	function(url) { return '<a href="'+url+'">'+url+'</a>';
    }).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
      return  reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring

(1)+'">'+reply.substring(1)+'</a>';
    });
    statusHTML.push(''+status+'<br><br>');
  }
  document.getElementById('twitter_update_list').innerHTML = statusHTML.join

('');
}


</script>
</head>
<body>

<ul id="twitter_update_list">

    </ul>
</div>
</body>
</html>

bradgrafelman

Thread moved to the ClientSide Technologies forum (since this has nothing to do with PHP).

As for your issue, seems like you simply need to add a "padding-left: 0px;" on the <ul> element to remove the padding.

tobymac

Okay, i added the css but i'm still getting the same thing. what's wrong with this

<html>
<style type="text/css">
#ul	{
	padding: 500;



</style>





<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Custom Twitter Feed</title>

<script type="text/javascript" 

src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
//Twitter
window.onload = function() {
	var ajax_load = "<img class='loader' src=' loader.gif' alt='Loading...' 

/>";
	var url = 'http://twitter.com/statuses/user_timeline/hcrnetwork.json?

callback=twitterCallback2&count=4';
	var script = document.createElement('script');	
	$("#twitter_feed").html(ajax_load);
	script.setAttribute('src', url);
	document.body.appendChild(script);
}

function twitterCallback2(twitters) {
  var statusHTML = [];
  for (var i=0; i<twitters.length; i++){
    var username = twitters[i].user.screen_name;
    var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*

[^.,;'">\:\s\<\>\)\]\!])/g, 
	function(url) { return '<a href="'+url+'">'+url+'</a>';
    }).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
      return  reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring

(1)+'">'+reply.substring(1)+'</a>';
    });
    statusHTML.push(''+status+'<br><br>');
  }
  document.getElementById('twitter_update_list').innerHTML = statusHTML.join

('');
}


</script>
</head>
<body>

<ul id="twitter_update_list">

    </ul>
</div>
</body>
</html>

bradgrafelman

That CSS at the top defines a style for an element with an id of "ul", yet your HTML document has no such items.

EDIT: To clarify, it's the '#' character in front of the 'ul' that means you're specifying an id selector. If you want the style to apply for all 'ul' elements, then omit the '#' character.

tobymac

okay that makes sense how do i go about doing this then?

tobymac

nrm i got it! didn't read the rest of your comment. Thanks for the help! works great!