Design + Coding > Strange Twitter formating

This may be a stupid question, but I've tried for days to fix this and can't find out how. I've added a Twitter feed to my SS site (plwodi.squarespace.com) and I get strange formatting form tweets with @ symbols. For some reason a new line is inserted right after the @

Anybody see this before? What am I doing wrong or missing?

Thanks.

11.4.2009 | Registered CommenterLee Wilson

I have noticed the same issue on my site. I always assumed it was some sort of weird formatting from Twitter. Maybe has something to do with how Twitter tags replies.

11.4.2009 | Registered CommenterDaniel Mead

Yes, its highly annoying. Here's what it looks like just in case. I think I'm going to take the widget off my site for now since it doesn't look good.

RT @
squarespace
: The Squarespace iPhone app is LIVE!:
http://bit.ly/1ykpbd
--> WOOHOO

To create the widget I used twitter's own code, plus some CSS I found online.

thanks

11.4.2009 | Registered CommenterLee Wilson

I have the same problem. Seems to happen after @ and/or RTs.

Cheers!

11.4.2009 | Registered CommenterØyvind Veberg

I am having the same problem and can't work out a way to resolve it.

Has anyone successfully managed to find a way to tackle this problem?

To me it seems that there is a line break before and after every link in my twitter feed.

If you would like to have a look at what it currently looks like on my site click here

Dan Trachtenberg's site (which was showcased on a Squarespace video) for example doesn't have this problem.

Thanks in advance for anyone who can help.

--A

11.17.2009 | Registered Commenteracwg

I have looked into this a bit more and it seems to me that this has something to do with Squarespace rather than with the feed from Twitter.

I have checked out various other friends I know who have Twitter feeds and they use the exact same script and the line breaks don't appear in their feeds.

Does someone at Squarespace know if this might be something to do with the formatting of the templates?

Thanks once again for everyone's help.

--A

11.18.2009 | Registered Commenteracwg

Hi A,

This has nothing to do with the Squarespace system. I was able to find an issue in your Twitter Code that you pasted in, see here:

Your Code:

<div_id="twitter_div"><ul id="twitter_update_list"></ul></div>

It should be:

<div id="twitter_div"><ul id="twitter_update_list"></ul></div>

You had the "twitter_div" with an "_" between Div and ID, so it was not reading your CSS Style, hence rendering incorrectly.

You can see this working here:

Screenshot

Hope this helps :)

11.18.2009 | Registered CommenterMichael Zampino

Michael - Thank you once again for your support.

Your help did in fact solve my problem so thank you very very much!

You guys at Squarespace are great with customer support. I really appreciate it.

--A

11.18.2009 | Registered Commenteracwg