Twitter & Comments Question Options

[dollywood]

Hi there

Im just about done doing a profile at www.myspace.com/tgvisualsbands

A couple of things that arent quite working - The twitter feed doesnt appear which is a pain as im trying to position the info header but cant do it accurately if i cant see where the twitter box is!

also on IE the displaying comments text appears under the comments header whereas id like it to be in line with the header, how do i move this? weirdly the text displays gold on IE but black in safari?

Any help would be great

thanks
Dolly

CODE

<style>
.profileWidth table { margin-bottom:760px; width:800px; }
.rail { display:none; }
.gap {
background: top left no-repeat;
width:800px; height:800px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -800px;
</style>

<div class="gap"></div>

<style>

.orangetext15 {display: none;}
.whitetext12 {display: none;}

table table div embed, table table div object {position:relative; z-index:9;}

table, tr, td{
background-color:transparent;
border-style:none;
}

body {
background-color: ffffff;
background-image:url(http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/yardarmbkgrnd27.jpg);
background-position: 50% -5px;
background-repeat: no-repeat;
background-attachment: scroll;
}

table table table table, table table table td{
background-image:none;
background-color:transparent;
}

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:000000;
font-size:7.5pt;
line-height: 10pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:verdana;
}

strong, .lightbluetext8, .btext, .redtext, .redbtext{
color:000000;
font-size:7.5pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:verdana;
}

a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:a28b6c;
font-size:7.5pt;
font-weight:normal;
font-style:normal;
text-decoration:none ;
text-transform:none;
font-family:verdana;
}

a {
color: a28b6c !important;
font-family: verdana !important;
}

a:hover {
color: 000000 !important;
font-family: verdana !important;
}

a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:000000;
font-size:7.5pt;
font-weight:normal;
font-style:normal;
text-decoration:normal ;
text-transform:none;
font-family:verdana;
}

table table table table, div table table table{
border-style:none;
}

</style>

<style>

.latestBlogEntry {
position:absolute;
top:1033px;
margin-left: -395px;
left:50%;
width: 325px;
background-color: transparent;
font-size:7.5pt;
font-family: Verdana
z-index: 9;
}

table .latestBlogEntry {
width:325px!important;
}

.topbanner {position:absolute; left:50%; top:173px; margin-left:-400px; _margin-left:-400px; width:800px; height:752px; z-index:1;}

.blog {position:absolute; left:50%; top:980px; _top:983px; margin-left:-398px; _margin-left:-398px; width:320px; height:45px; z-index:1;}

.mid {position:absolute; left:50%; top:970px; margin-left:-435px; _margin-left:-435px; width:862px; height:2560px; z-index:-1;}

.tw {position:absolute; left:50%; top:1209px; _top:1221px; margin-left:-398px; _margin-left:-398px; width:320px; height:45px; z-index:1;}

.tw2 {position:absolute; left:50%; top:1283px; _top:1295px; margin-left:-398px; _margin-left:-398px; width:190px; height:250px; z-index:1;}

.mi {position:absolute; left:50%; top:1563px; _top:1575px; margin-left:-398px; _margin-left:-398px; width:320px; height:45px; z-index:1;}

.shows {position:absolute; left:50%; top:1330px; _top:1338px; margin-left:-58px; _margin-left:-62px; width:325px; height:45px; z-index:1;}

.toptext {position:absolute; left:50%; top:714px; margin-left:-445px; _margin-left:-445px; width:874; height:206px; z-index:2;}

.rt {position:absolute; left:50%; top:100px; margin-left:-440px; _margin-left:-440px; width:1010; height:173px; z-index:0;}

.links {position:absolute; left:50%; top:923px; margin-left:-440px; _margin-left:-440px; width:873; height:50px; z-index:2;}

.l {position:absolute; left:50%; top:923px; margin-left:-432px; _margin-left:-432px; width:856; height:3px; z-index:2;}

.l2 {position:absolute; left:50%; top:974px; margin-left:-431px; _margin-left:-431px; width:856; height:3px; z-index:2;}



html body.bodyContent table tbody tr td table tbody tr td.text table.friendSpace tbody tr td.text table tbody tr td span.orangetext15{
display: block !important;
height: 45px !important;
width: 450px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0px;
overflow: hidden;
background-image: url(http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/friendsblack.jpg);
background-repeat: no-repeat;
color: 9e8768 !important;
line-height: 10px !important;
margin-top: -3px !important;
background-color: transparent !important;
}

html body.bodyContent table tbody tr td table.friendsComments {
width: 720px !important;
margin: 0 !important;
padding: 0 !important;
margin-top: 20px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: -1px !important;
_width: 720px !important;
_margin-left: -12px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0px 0px !important;
background-color: transparent !important;
height: auto !important;}

table.friendsComments tbody tr td.text table tbody tr td {
background-color: transparent !important;
height: auto !important;}

table.friendsComments tbody tr td.text table tbody tr td span.orangetext15 {
background-image: url(http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/commentsblack.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 45px !important;
color: 000000 !important;
width: 450px; position: relative;
overflow: hidden;
font-size: 0px;
text-align: right;
margin-top: 30px;
line-height: 300px !important;
_width: 450px !important;
_border-left: 1px 000000 !important;
_border-right: 1px 000000 !important;
_height: 45px !important;
_margin-bottom: -1px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b {
display: block;
position: absolute;
z-index: 9;
width: 750px;
height: 15px;
line-height: 15px;
overflow: hidden;
margin: -25px 0 0 8px;
text-align: right;
padding-right: 12px !important;
color: 000000;
font-weight: normal;
font-family: verdana;
font-size: 10px;
_margin: 0px 0 0 15px;
_font-size: 10px !important;
_color: a28b6c;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b span.redtext {
font-weight: normal;
color: F4F4F4;
padding: 0px 2px;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b a {
color:F4F4F4 !important;
font-size: 10px !important;
font-family: verdana
text-transform: normal;
margin: 0 -7px 0 -8px !important;
padding: 0 9px 0 9px !important;
background-color: transparent !important;
position: relative !important;
display: inline !important;
z-index: 9;
border: none !important;
letter-spacing: 0px !important;
_font-size: 10px !important;
_margin: 0 !important;
_padding: 0 !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table {
overflow: hidden !important;
border: 1px 000000 !important;
border-color: 000000 !important;
width: 100% !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td {
background-color: transparent !important;
text-align: left;
vertical-align: top;
overflow: hidden !important;
font-size: 10px !important;
line-height: 12px !important;
text-transform: none !important;
letter-spacing: 0px;
color: 000000 !important;
margin: 0 !important;
padding: 5px 0px 5px 0px;
border-bottom: 0px 000000 !important;
border-color: 000000 !important;
_line-height: 16px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td span.blacktext10 {
color: 000000 !important;
text-transform: None !important;
margin: 0px !important;
padding: 0px important;
display: block !important;
font-size: 10px;
font-family: verdana !important;
font-weight: normal;
letter-spacing: 1px;
text-align: right;
margin: 10px 10px -12px 0px !important;
width: 650px;
border-top: 1px 000000;
_margin: 12px 0px -.5em 0px !important;
_width: 650px;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td {
background-color: transparent !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td a {
display: block;
border: 0px 000000 !important;
border-color: 000000 !important;
border-top-style: solid !important;
border-top-width: 0px !important;
text-align: center;
text-transform: none;
padding: 8px;
font-size: 10px;
letter-spacing: 1px;
color: transparent !important;
position: relative !important;
margin-top: -3px !important;
background-color: transparent;
_margin-top: -6px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a {
display: block !important;
color: a28b6c !important;
margin: 0px !important;
padding: 10px 10px 0px 10px !important;
text-transform: none !important;
margin-bottom: -15px !important;
font-size: 10px !important;
line-height: 11px !important;
border: none !important;
letter-spacing: 0px !important;
text-align: center !important;
width: 110px !important;
overflow: hidden !important;
font-weight: normal;
_width: 124px !important;
_margin-bottom: -15px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a img {
visibility: visible !important;
border: 0px 008080 !important;
border-color: 000000 !important;
padding: 0px !important;
margin: 0px !important;
margin-top: -12px !important;
width: auto !important;
_margin-left: 0px;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img.ImgOnlineNow {
display: block;
position: relative;
margin: 15px 0 -20px 26px !important;
border: none !important;
_margin: 15px 0 -20px 21px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img {
max-width: 100%;
margin: 0px !important;
margin: 0px 0px 12px 0px !important;}

table table table table td.text span.whitetext12 {
position: relative;
top: 0px;
display: block;
left: 0px;
visibility: visible;
width: 1px;
height: 10px;
text-indent: -999999px;
background: transparent bottom left no-repeat;
}


</style>

<div class="topbanner">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/yardarmhdr1.jpg" />
</div>

<div class="links">
<table id="Table_01" width="873" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblacksliced_01.png" width="28" height="50" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD01MDYxNjI1OTQ=">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblack_02.jpg" width="74" height="50" border="0" alt="" /></a></td>
<td>
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblacksliced_03.png" width="44" height="50" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYzJmZyaWVuZElEPTUwNjE2MjU5NA==">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblack_04.jpg" width="144" height="50" border="0" alt="" /></a></td>
<td>
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblacksliced_05.png" width="39" height="50" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTUwNjE2MjU5NA==">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblack_06.jpg" width="177" height="50" border="0" alt="" /></a></td>
<td>
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblacksliced_07.png" width="44" height="50" alt="" /></td>
<td>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=506162594&albumId=0">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblack_08.jpg" width="153" height="50" border="0" alt="" /></a></td>
<td>
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblacksliced_09.png" width="36" height="50" alt="" /></td>
<td>
<a href="mailto:yardarmstudio@btinternet.com">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblack_10.png" width="115" height="50" border="0" alt="" /></a></td>
<td>
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblacksliced_11.png" width="19" height="50" alt="" /></td>
</tr>
</table>

</div>

<div class="tw">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/twitterblack.jpg" /></div>

<div class="tw2">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="250" width="190" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<param name="bgcolor" value="000000" />
<param name="flashvars" value="userID=85629453&styleURL=http://static.twitter.com/flash/widgets/profile/smooth.xml" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" height="250" width="190" align="middle" wmode="transparent" quality="high" bgcolor="000000" flashvars="userID=85629453&styleURL=http://static.twitter.com/flash/widgets/profile/smooth.xml" />
</object>
</div>

<div class="shows">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/studiodiaryblack.jpg" />
</div>

<div class="toptext">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/logofinal.png" />
</div>

<div class="l">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linef.png" />
</div>

<div class="l2">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linef.png" />
</div>


<div class="blog">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/yardarmnewsblack.jpg" />
</div>

<div class="mid">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/middlefade.jpg" />
</div>

<div class="mi">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/infoblack.jpg" />
<br />
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> <td align="left"><font color="000000">URL</b></font></td><td align="right"><a href="http://www.myspace.com/yardarmstudio" class="layoutinfo">www.myspace.com/yardarmstudio</a></td></tr>
<tr> <td align="left"><font color="000000"> BOOKING</font></td> <td align="right"><a href="mailto:yardarmstudio@btinternet.com" class="layoutinfo">yardarmstudio@btinternet.com</a></td></tr>
<tr> <td align="left"><font color="000000">LAYOUT </font></td> <td align="right"><a href="http://www.myspace.com/headandheartdesign" class="layoutinfo">Head & Heart Design</a></td></tr>
<tr> <td align="left"><font color="000000">ARTWORK </font></td> <td align="right"><a href="http://www.myspace.com/headandheartdesign" class="layoutinfo">Head & Heart Design</a></td></tr></table>
</div>



<style>
table table table {visibility:hidden;}
td.text table {visibility:visible;}
</style>

<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/yardarmstudioblack.jpg" /><br />
<br />
<center>
BIO GOES HERE</center><br />
<br />
<br />
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/studiospecblack.jpg" /><br />
<br />
<center><font color="a28b6c"><b>Hardware</b></font><br />
Apple Mac Pro (8 Core) / Mbox Pro 2 / Line 6 Gearbox<br />
Various Shure & Audix Mics<br />
<br />
<center><font color="a28b6c"><b>Software</b></font></center>
Pro Tools 8<br />
Digidesign Plug-Ins / Sonnox Oxford Plug-Ins / Izotope Plug-Ins<br />
<br />
<font color="a28b6c"><b>Instrument Software</b></font><br />
Bfd 2 Drum Software (Inc. various kit and cymbal add ons) <br />
AmpliTude 2, Xgear, Metal & Fender Guitar Amp & FX Modeling Software<br />
Ampeg SVX Bass Amp & FX Modeling Software<br />
Motu Ethno Instruments Ethnic Instrument Software<br />
Motu Symphonic Universal Orchestral Instrument Software<br />
<br />
<font color="a28b6c"><b>Instruments</b></font><br />
<br />
<font color="a28b6c">Drums</font><br />
Roland TD12 Vdrums Kit With Tama Iron Cobra Single Pedal<br />
<br />
<font color="a28b6c">Guitars</font><br />
Washburn N2, N4 & 7 String Guitars / Peavey EVH Wolfgang<br />
ESP H250 / OLP 5 String Bass / Westone 4 String Bass<br />
Selection Of 6 & 12 String Electrics & Acoustics<br />
<br />
<font color="a28b6c">Amps</font><br />
Peavey 5150 Head + 1 slanted & 1 straight 4x12 cabs<br />
Trace Elliott Bass Amp<br />
<br />
<font color="a28b6c">Effects</font><br />
Large Selection of Boss / MXR / Digitech & Jim Dunlop Pedals<br />
(* Email For More Info *)<br />
<br />
<font color="a28b6c">Keyboards</font><br />
<br />
<font color="a28b6c">Other Instruments</font><br />
Banjo / Mandolin / Dobro / Dulcimer / Balalaika<br />
Various Percussion - Tambourines / Shakers / Wood Blocks etc<br />
(*Email For More Info*)

[Mickey]

It's this bit here:

CODE

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b {
display: block;
position: absolute;
z-index: 9;
width: 750px;
height: 15px;
line-height: 15px;
overflow: hidden;
margin: -25px 0 0 8px;
text-align: right;
padding-right: 12px !important;
color: 000000;
font-weight: normal;
font-family: verdana;
font-size: 10px;
_margin: 0px 0 0 15px;
_font-size: 10px !important;
_color: a28b6c;}

If you remove the last three lines, it will look better on IE. As for the Twitter widget, I'm not exactly sure why it is not appearing. Sometimes it just loads really slowly, but I waited for quite a while and it still did not show up. Try grabbing the code again then replacing the one you have now. See if that works. If not, try raising the z-index value of the DIV you placed it in.