PDA

View Full Version : twitter, lists and bullets


stevenradams
07-20-2009, 10:51 AM
why does:

<div id="twitter_div">
<h1 class="sidebar-title">// follow steve on twitter</h1>
<p>&nbsp;</p>
<p id="twitter_update_list"></p>
<p><a href="http://twitter.com/stevenradams" id="twitter-link" style="display:block;text-align:left;">follow me on Twitter</a></p>
</div>

with:

<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/stevenradams.json?callback=twitterCallback2&amp;count= 2"></script>

render with bullet points? I've altered the twitter code a bit so that the relevant css applies to the relevant bits ... including changing 'ul' for 'p' for the update list... but the update list still appears with bullets. Is this a twitter-side function, or something I'm missing in my own code...?

url is: www.adamsapplemedia.co.uk (notice no unusual IE gap at bottom of container... whoops and yays...).

Steve

Corrosive
07-20-2009, 11:29 AM
why does:

<div id="twitter_div">
<h1 class="sidebar-title">// follow steve on twitter</h1>
<p>&nbsp;</p>
<p id="twitter_update_list"></p>
<p><a href="http://twitter.com/stevenradams" id="twitter-link" style="display:block;text-align:left;">follow me on Twitter</a></p>
</div>

with:

<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/stevenradams.json?callback=twitterCallback2&amp;count= 2"></script>

render with bullet points? I've altered the twitter code a bit so that the relevant css applies to the relevant bits ... including changing 'ul' for 'p' for the update list... but the update list still appears with bullets. Is this a twitter-side function, or something I'm missing in my own code...?

url is: www.adamsapplemedia.co.uk (notice no unusual IE gap at bottom of container... whoops and yays...).

Steve

Hi Steve

I did this very thing the other day. See right hand side of www.corrosiveonline.co.uk

I styled the ul tag as having no bullets (under list style/type) in DW and this got rid of the problem. I think the javascript is putting each update in a <li> tag so you need to undo your p change and style the ul correctly.

stevenradams
07-20-2009, 11:37 AM
thanks as ever corrosive... i've taken your advice and am spending a lot more time in code-mode. have had a few issues with the expanding box in IE, getting spry data to render properly and reference my .rss file correctly, but with this forum under my belt, the site's coming together bit by bit :)

frankly, i prefer web to graphic design, ironically as i've spent the past seven years designing purely for print :/

i'll give that a go...

stevenradams
07-20-2009, 11:55 AM
perfect – thks corrosive. you can see it at www.adamsapplemedia.co.uk – all comments welcome :)