PDA

View Full Version : Twitter Feed Not Lining Up Properly


MugiwaraNo
04-24-2011, 04:40 AM
I have been trying desperately to get this twitter feed to work accross all browsers, but for some reason the positioning just doesnt work. I'm kind of new to all this. I designed my website in Photoshop and sliced it for dreamweaver.


Heres what I have so far, and if anyone could help me it would be GREATLY appreciated. Arigatou!

<html>
<head>
<style type="text/css">
#FrontPageRelative {
position: relative;
}

#twitter {
position: absolute;
top: 650 px;
right: 366px;
}
#reverbnation {
position: absolute;
top: 1215px;
right: 366px;
}

</style>
<center>
<title>Front Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div id="twitter">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 6,
interval: 6000,
width: 200,
height: 400,
theme: {
shell: {
background: '#000000',
color: '#ffffff'
},
tweets: {
background: '#000000',
color: '#ffffff',
links: '#adadad'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('Jazzfeezy').start();
</script></div>


<div id="reverbnation">
<img style="visibility:hidden; width:0px; height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMDM1MTUxNjM5MTAmcHQ9MTMwMzUxNTE2ODgzMC ZwPTI3MDgxJmQ9cHJvX3BsYXllcl9maXJzdF9nZW4mZz*xJm89/NWJjNjJjN2MzMjMxNDdjM2E3YzA*ZDE*YzUxOGNkMmUmb2Y9MA ==.gif" /><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="500"><param name="movie" value="http://cache.reverbnation.com/widgets/swf/40/pro_widget.swf?id=artist_361132&posted_by=&skin_id=PWAS1008&font_color=333333&auto_play=false&shuffle=false"></param><param name="allowscriptaccess" value="always"></param><param name="allowNetworking" value="all"></param><param name="allowfullscreen" value="true"></param><param name="wmode" value="transparent"></param><param name="quality" value="best"></param><embed src="http://cache.reverbnation.com/widgets/swf/40/pro_widget.swf?id=artist_361132&posted_by=&skin_id=PWAS1008&font_color=333333&auto_play=false&shuffle=false" type="application/x-shockwave-flash" allowscriptaccess="always" allowNetworking="all" allowfullscreen="true" wmode="transparent" quality="best" width="200" height="500"></embed></object><script type="text/javascript">wordpress_embed = 'http://cache.reverbnation.com/widgets/swf/40/pro_widget.swf?id=artist_361132&posted_by=&skin_id=PWAS1008&font_color=333333&auto_play=false&shuffle=false&width=200&height=500';</script><br/><img style="visibility:hidden; width:0px; height:0px;" border=0 width=0 height=0 src="http://www.reverbnation.com/widgets/trk/40/artist_361132//t.gif"></div>

<!-- Save for Web Slices (Front Page.psd) -->
<table id="Table_01" width="1024" height="2101" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="17">
<img src="images/Home_01.jpg" width="1024" height="118" alt=""></td>
</tr>
<tr>
<td>
<img src="images/Home_02.jpg" width="101" height="36" alt=""></td>
<td>
<img src="images/Home_03.jpg" width="124" height="36" alt=""></td>
<td>
<img src="images/Home_04.jpg" width="3" height="36" alt=""></td>
<td>
<img src="images/Home_05.jpg" width="127" height="36" alt=""></td>
<td>
<img src="images/Home_06.jpg" width="3" height="36" alt=""></td>
<td>
<img src="images/Home_07.jpg" width="127" height="36" alt=""></td>
<td>
<img src="images/Home_08.jpg" width="3" height="36" alt=""></td>
<td>
<img src="images/Home_09.jpg" width="127" height="36" alt=""></td>
<td>
<img src="images/Home_10.jpg" width="3" height="36" alt=""></td>
<td>
<img src="images/Home_11.jpg" width="127" height="36" alt=""></td>
<td>
<img src="images/Home_12.jpg" width="3" height="36" alt=""></td>
<td colspan="2">
<img src="images/Home_13.jpg" width="127" height="36" alt=""></td>
<td>
<img src="images/Home_14.jpg" width="4" height="36" alt=""></td>
<td colspan="2">
<img src="images/Home_15.jpg" width="127" height="36" alt=""></td>
<td>
<img src="images/Home_16.jpg" width="18" height="36" alt=""></td>
</tr>
<tr>
<div id="FrontPageRelative">
<td colspan="12" rowspan="5">
<img src="images/Home_17.jpg" width="778" height="1946" alt=""></td></div>
<td colspan="3">
<img src="images/Home_18.jpg" width="200" height="496" alt=""></td>
<td colspan="2" rowspan="5">
<img src="images/Home_19.jpg" width="46" height="1946" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Home_20.jpg" width="200" height="400" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Home_21.jpg" width="200" height="80" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Home_22.jpg" width="200" height="500" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Home_23.jpg" width="200" height="470" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="101" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="124" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="127" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="127" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="127" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="127" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="30" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="97" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="4" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="99" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="28" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

Corrosive
04-24-2011, 09:19 AM
I designed my website in Photoshop and sliced it for dreamweaver.

Sorry, just not the way to build a web page I'm afraid. If you start again and learn how a page goes together properly then placing your twitter feed correctly will be easy. No point in us helping you as it is because you'll just run into problem after problem. Best to get it right from the start. :)