Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 03-09-2009, 06:45 PM   PM User | #1
Pebble-Works
New to the CF scene

 
Join Date: Mar 2009
Posts: 9
Thanks: 0
Thanked 0 Times in 0 Posts
Pebble-Works is an unknown quantity at this point
twitter styling ?? problem...

hey there...

I found this really great twitter styler the only probable I cant seem to seprate the a link from the text I would like it so the following had a break before the time rathen then it be on the same line...

at minute its kinda of like

hello i have a twitter update... blar blar... 1 day ago

id like it so it was

hello i have a twitter update... blar blar...
1 day ago

you might think whats the point but I have this set up on my page with a 100 width and the link is more often then not spread over two lines and looks weird it be fine if i was on next line.

Click here for the styler... or the code I have is:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Twitter Demo</title>
<!-- css -->
<style>
#twitter_div { width: 280px; padding: 5px 10px 5px 10px; background-color: #333; }
ul#twitter_update_list { padding: 0; margin: 0; list-style: none; }
ul#twitter_update_list li { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #CCC; padding: 5px; margin: 10px 0 10px 0; background-color: #000; }
ul#twitter_update_list li a { font-size: 10px; color: #F39; }
</style>
</head>
<body>
<div id="twitter_div">
	<ul id="twitter_update_list">
		<li></li>
	</ul>
</div><!-- /twitter_div -->			
<script type="text/javascript" src="js/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/PebbleWorks.json?callback=twitterCallback2&amp;count=3"></script>               
</body>
</html>
edit:
Just a note if you want to see it working copy the code above in to the download index.htm or just the scripts... over the other scripts...

Last edited by Pebble-Works; 03-09-2009 at 06:54 PM..
Pebble-Works is offline   Reply With Quote
Old 03-09-2009, 09:20 PM   PM User | #2
robin9000
New Coder

 
Join Date: Mar 2009
Location: Canada
Posts: 60
Thanks: 5
Thanked 2 Times in 2 Posts
robin9000 has a little shameless behaviour in the past
Can you give a link to your page your having the problem on so I might be able to see it?
robin9000 is offline   Reply With Quote
Old 03-10-2009, 12:21 AM   PM User | #3
Pebble-Works
New to the CF scene

 
Join Date: Mar 2009
Posts: 9
Thanks: 0
Thanked 0 Times in 0 Posts
Pebble-Works is an unknown quantity at this point
Quote:
Originally Posted by robin9000 View Post
Can you give a link to your page your having the problem on so I might be able to see it?
Its not actually online yet... but I will put it on shortly...
Pebble-Works is offline   Reply With Quote
Old 03-10-2009, 04:42 AM   PM User | #4
Pebble-Works
New to the CF scene

 
Join Date: Mar 2009
Posts: 9
Thanks: 0
Thanked 0 Times in 0 Posts
Pebble-Works is an unknown quantity at this point
http://www.divine-whispers.com

This is not my site I designed it for someone...
Pebble-Works is offline   Reply With Quote
Reply

Bookmarks

Tags
css, news, style, twitter

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

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

Forum Jump


All times are GMT +1. The time now is 05:13 AM.


Advertisement
Log in to turn off these ads.