HTML - Myspace Friends Image Thumbnail Code

Hello everybody.

First off my name's Daniel.

and secondly, I need help, lol.


I've been doing graphic design and layout design for bands for a few months...

But have been requested be a friend to make a layout for his photography page.

The code I am using is a very complex HTML code...

And I have mostly figured it out (I'm proud of myself, becasuse it is completely foreign to me...but I learned it)

But am still having some issues.


The right column headers (About Me, Who I'd Like To Meet) are displaying, and I cannot figure out how to make them go away without blocking all of the content in my "About Me" section.

Even stranger...they are displaying vertically?????


and the other issue is the contact table...

It WILL NOT display.

I have tried it using the HTML comment table I like, and just the regular one...





PLEASE!!!! Someone PLEASE help me!



The layout is viewable at http://www.myspace.com/anotherdaretest so that you can View Source the code.


and I can email the code to anyone who is willing to help!

here my url

http://www.myspace.com/come_get_cole

and heres the code


HTML Code:

<style>.profileInfo {display:none;}</style>


<style>.friendSpace {display:none;}</style>
<style>.latestBlogEntry {display:none;}</style>
<style>.extendedNetwork {display:none;}</style>
<style>a.text, table div font a, table div div {visibility:hidden;}</style>
<style>.contactTable { display: none }</style>
<style>
.profileInfo td td {visibility:hidden;}
.profileInfo td td.text {visibility:visible;}
.profileInfo td.text a img {visibility:visible;}
.profileInfo .ImgOnlineNow {visibility:transparent;}
</style>



<p>
<center>




<style>.a embed, object {filter:alpha(opacity=0.1); opacity:0.01;} td td td td embed, td td td object,td.text embed, td.text object {filter:none; opacity:none;} .interestsAndDetails {margin-top:-120px;}</style>

<center>

<center>




</center>

<style>body{background-color:FFFFFF; background-image:url(http://i41.tinypic.com/uvmt2.jpg);} div, li, p, .redtext, .redbtext, td, tr, table, .text{color: 000000; font-size: 11px; font-family: arial; font-weight: none; border: 0px; text-transform: none;} .blurbs{background-color:transparent; border:0px;} .btext, .lightbluetext8, .orangetext15, .whitetext12{color: 000000; font-size: 10px; font-family: arial; font-weight: none; border: 0px; text-transform: uppercase; } textarea {color: 000000; font-size: 7px; font-family: small fonts; font-weight: none; text-transform: uppercase; width: 175px; height: 30px;} table tr td div font{font-family: small fonts; font-size: 8px; color: 666666; padding:0px;text-transform:uppercase}</style>



<style>
.katamari Section Manager
{ http://abrax.us/SectionManager }
table.profileInfo * {background-color:transparent;}
table.profileInfo table, table.profileInfo {width:0px;}
table.profileInfo td td.text br {line-height:0px;}
span.nametext {font-family:Tahoma!important;
font-size:20px!important;}
table.profileInfo td td img {display:none;}
table.profileInfo td.text img {display:inline;}
table.profileInfo td td b {display:none;}
table.profileInfo td td span.searchMonkey-mood {display:none;}
table.profileInfo td td.text img.ImgOnlineNow {display:none;}
</style>


<style>
.katamari Section Manager
{ http://abrax.us/SectionManager }
.userProfileURL {display:none;}
</style>

<style>
.katamari Section Manager
{ http://abrax.us/SectionManager }
table.interestsAndDetails td.text {display:none;}
table.interestsAndDetails span.lightbluetext8 {display:none;}
.interestsAndDetails td {width:0px;}
table.interestsAndDetails, table.interestsAndDetails td {border:0px;}
table.interestsAndDetails table {background-image:url(null);}
table.interestsAndDetails table {background-color:transparent;}
table.interestsAndDetails td td {background-color:transparent;}
</style>


<style>

.katamari Section Manager
{ http://abrax.us/SectionManager }
table.userProfileDetail {display:none;}
</style>

<style>
.katamari Section Manager
{ http://abrax.us/SectionManager }
table.userProfileSchool {display:none;}
</style>

<style>
.katamari Section Manager
{ http://abrax.us/SectionManager }
table.userProfileCompany {display:none;}
</style>

<style>
.katamari Section Manager
{ http://abrax.us/SectionManager }
table.userProfileNetworking {display:none;}
</style>





<style>
.katamari Section Manager
{ http://abrax.us/SectionManager }
table.blurbs td.text {display:none;}
table.blurbs td td span.orangetext15 {display:none;}
</style>




<style>
.katamari Section Manager
{ http://abrax.us/SectionManager }
.bodyContent tr {background-color:transparent;}
.bodyContent table div br {line-height:0px;}
</style>

<style>.clearfix {margin-top: -100px;}</style>
<p>



<style>.a {MySpaceGens.com - hide your comments} .friendsComments {display:none;}</style>

















<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="350" width="290" 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=28942839&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" height="350" width="290" align="middle" wmode="transparent" quality="high" bgcolor="#000000" flashvars="userID=28942839&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml" />
</object>

hey all, sorry if you get alot of annoying questions on myspace so ill try to make this easy

I have created an image with the scale of 1024x768 to put on my page. however, i have a monitor that runs on a 1440x900 resolution. of course i can change the image to fit my screen but then, it wouldnt fit the average users screen very well. Currently i have the image pushed to the left, but i can get it centered horizontally with the code Code:

background-position: 200px 0px;

but vertically im having a bit of trouble. heres an image of what im seeing.


http://img409.imageshack.us/img409/1851/img1wz6.jpg



the words on the right are suppose to read "Echoes From Malta" however the "ta" in "malta" is cut off the bottom of the page.

thats what the problem is from my end of the picture. from my friends view, who is on a smaller screen (i dont know the size) sees the image as being to big for the screen compared to me seeing it so small.

so in short, how can i get the image to fit the screen correctly for me, and get it to scale appropriately for viewers varying resolutions.

thx for your help

Hello,
I am making a squad list for my football team and i have created a table containing all the information; squad number, name , position etc. In the last column i want to have it so there is a blank field or a field with a ver small thumbnail in and when the cursor hovers over this an image appears, but only whilst the cursor is over that small part. hope this make sense

Is there a html code for a thumbnail that makes the target image return to the thumb when it is clicked without it being in its own html document?