I am attempting to put a basic twitter widget in the sidebar of a site Im making but it is not displaying properly at all.
It looks like it is not actually generating the twitter update although when I disable all CSS styles the update is being generated.
This is my markup copy and pasted exactally as twitter has generated:
<a href="http://twitter.com/HipHopKaraokeSX" id="twitter-link" style="display:block;text-align:right;">follow me on Twitter</a>
and this is how it is displaying…
If my CSS styles are disabled I get this:
I am running other java script on the page in the head of my document to create a lightbox effect. I don’t know if this would effect the feed or not??
Appreciate any help,
I have placed the code in a plan empty html doc and styles with CSS and it worked fine… So I can see what is causing the problem here.
I have done the same thing and here is the css that I used. I used the same code from twitter as you did. The styles from this will not be the same as you need, but you can change the font sizes and things to suit.
This code covers the div styling itself, the ‘follow me’ link at the bottom, links in the tweets, the tweet text and background, and the header of the box containing everything.
I have found that sometimes, when I tweet long links, it spills over the side of the box. I’m pretty sure if you take away the width of the ‘twitter_div’ and give the sidebar div a fixed width, that links will automatically break to the next line if they need to.
I hope this helps,
My Youtube Channel: http://www.youtube.com/irichiepoo
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".