Web Dsign help PLEASE!!!

[Adad]

So I'm making a myspace profile for someone. It is very important that it's compatible to all browsers. It currently looks just how I want it on IExplorer and Firefox (except for the custom scroll bar) but only the background and contact box display in Safari.  If you have ANY USEFUL tips, please help.

The profile is at: www.myspace.com/jonimpact


Here are pics. First two are IExplorer, safari next 2...













if you need th code I can post it.  Please help.  Thanks.

[Tbone]

Is this the same guy you were making that photoshop thing for? Me thinks someone has a crush!

[Adad]

No its not, this is a different guy. An actual client. And if I can figure this out it can lead to A LOT of money and a lot more, big name clients.  So please, can anyone help me with this?

[Adad]

I think I just need a quick tutorial on the proper organization of coding...that's probably the problem

[likwidtek]

"'colored scrollbars' are/were a proprietary things of IE. It may have been dropped for IE7. At one time, older versions of OPERA browser used this, too.

For "colored scrollbars" to work other-browsers, you will need javascript. I have seen "colored scrollbars" (and WIDER, THICKER, custom-make scrollbars) done this way."

[Adad]

ok, the scrollbars arent even the concern, its why dont the profile pic, texts, friends list, and slideshow show up on Safari...  I know my coding is all over the place, but I dont know any better until someone shows me the correct way.

[Avzeke (Khr0n1k)]

I am sorry but I don't know.....I wish I could help you.

[Adad]

So we don't have one person who knows a solution to this??  What if you take my code and properly arrange it? I'd be forever in debt if anyone could do that and I'd learn proper structure for future use.

[Tbone]

What code are you using? Myspace layouts are foreign to me. Is it javascript?

[likwidtek]

lol you haven't even posted the code how are we supposed to help.

[likwidtek]

Are you getting paid to do this?

[Adad]

yes.  Here's the code. ha, thanks.


ABOUT ME SECTION:

<style>
{!-Top Image Under NavBar-!}
.unavigationbar { width:1024px; height:231px; position:absolute; margin-left:-512px;left:50%; top:162px; background:url(http://jwnettesheim.startlogic.com//NFL/JAllen/TopBar.jpg); }
body table { margin-top:231px; }
body td table, body div table { margin-top:0; }
body, html { visibility:visible!important; display:block!important; }
</style>
<div></div>


</div><style>.hidethem {visibility:hidden; display:none;}</style>
<style>
.mygen { Created by www.jonathannettesheim.com}

.mygen { Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}

body {
   background-color:000000;
   background-image:url('http://jwnettesheim.startlogic.com//NFL/JAllen/background.jpg');
   background-attachment:fixed;
        background-position: center top;
        background-repeat: no-repeat;
   border-color:ff6600;
   border-width:0px;
   border-style: ridge;
   scrollbar-face-color:000000;
   scrollbar-highlight-color:ff6600;
   scrollbar-3dlight-color:b46600;
   scrollbar-shadow-color:195050;
   scrollbar-arrow-color:ffffff;
   scrollbar-track-color:195050;
    }

.mygen { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
   border-style: ridge;
   border-width: 0;
   border-color: ff6600;
            }

table table table td {
   filter:alpha(100);
        -moz-opacity:0.;
        opacity: 100;
        -khtml-opacity:0; }

table table table table td {filter:none;}

.mygen { Text Properties }
table, tr, td, li, p, div {
     font-family:verdana;
     color:ff6600;
     font-size:14px;
     font-weight:bold;    }
.blacktext10 {
     font-family:times new roman;
     color:ff6600;
     font-size:10px;     }
.lightbluetext8 {
     font-family:georgia;
     color:ff6600;
     font-size:14px;
     font-weight:bold;  
     text-decoration:underline; }
.orangetext15 {
     font-family:georgia;
     color:ff6600;
     font-size:16px;
     font-weight:bold;  
     text-decoration:none; }
.text {
     font-family:arial;
     color:ffffff;
     font-size:10px;
     font-weight:bold;    }
.btext {
     font-family:georgia;
     color:ff6600;
     font-size:18px;
     font-weight:bold;    }
.redbtext {
     font-family:georgia;
     color:ff6600;
     font-size:18px;
     font-weight:bold;    }
.whitetext12 {
     bordercolor="000000"
     cellspacing="3"
     cellpadding="3"
     width="300"
     align="center"
     bgcolor="000000"
     border="0"
     font-family:arial black;
     color:195050;
     font-size:16px;
     font-weight:bold;    }
a:active, a:visited, a:link {
     font-family:arial;
     color:ff6600;
     font-size:12px;
     font-weight:bold;    }
a:hover {
     font-family:arial;
     color:ff6600;
     font-size:12px;     }
a.navbar:active, a.navbar:visited, a.navbar:link {
     font-family:arial;
     color:ff6600;
     font-size:10px;
     font-weight:bold;     }
a.navbar:hover {
     font-family:arial;
     color:ff6600;
     font-size:10px;
     font-weight:bold;     }
a.redlink:active, a.redlink:visited, a.redlink:link {
     font-family:arial;
     color:ff6600;
     font-size:12px;
     font-weight:bold;     }
a.redlink:hover {
     font-family:arial;
     color:ff6600;
     font-size:12px;
     font-weight:bold;     }
.nametext {
     font-family:verdana;
     color:ff6600;
     font-size:22px;
     font-weight:bold;  
     text-align:center;  }

.mygen { Miscellaneous Properties }
.blacktext12 { visibility:hidden; display:none; }
tr {background:transparent;}
body table div font a, body table div div {visbility:hidden;}
body table table div font a, body table table div div {visibility:visible;}
</style>


<style>

.contactTable {
   width:304px !important;
   height:158px !important;
   padding:0px !important;
   background-color:transparent;
   border:0px ridge ff6600;
   background:url(http://jwnettesheim.startlogic.com//NFL/JAllen/ContactTable.png) center center no-repeat;
}

.contactTable table, table.contactTable td {
   padding:0px !important;
   border:0px;
   background-color:transparent;
   background-image:none;
}

.contactTable a img {
   visibility:hidden;
   border:0px !important;
}

.contactTable a {
   display:block;
   height:28px;
   width:115px;
}


<style>
{!-Border Profile Pic-!}
.profileInfo td.text a img {border:3px ridge;
border-color:ff6600;}
</style>


<style>
{!-Highlight Fonts-!}
.orangetext15, .whitetext12, .lightbluetext8 {background-color: 000000;}
</style>


<style>
{!-Removed These Parts-!}
.r{}
.userprofiledetail, .latestblogentry, table.latestblogentry, table.userProfileDetail, .extendednetwork  {display: none;}
</style>

<style>
.r{}
.whitetext12, .orangetext15, .lightbluetext8{display:none;visibility:hidden}
</style>


<div>



<center>




MOVIES SECTION:

</td></tr><tr><td>

<p>
<div>

[likwidtek]

Please don't take offense to this as I'm just telling you what's helped me in my professional experience.  If you are getting paid to do this and you don't know what you are doing, you should just do one of two things.  

1) Just tell the dude in the beginning, "I can do this, I just never have before.  I'll do it free of charge as long as you are patient with any bugs that may pop up.  All I ask is if you are happy with the results you allow me to add it to my portfolio and pass my name on."
or
2) Do it for pay but hire someone to do it for you and cut them in under the condition they teach you how to do it that way you can do it next time on your own.

I hope this doesn't sound harsh but it's the best way that I've found to learn everything I know web / design related.

As far as the code you pasted can you wrap them in CODE bb tags so I can see the DIV and embedd codes on the video and flash.

Did you code this by hand, use a generator, or modified an existing myspace layout?

[Adad]

I dont take offense to that.   I dont charge him for time spent solving my errors obviously.  Uh I coded it from a combo of those... by hand and modified pieces of layouts.

ABOUT ME:

Code: [Select]

<style>
{!-Top Image Under NavBar-!}
.unavigationbar { width:1024px; height:231px; position:absolute; margin-left:-512px;left:50%; top:162px; background:url(http://jwnettesheim.startlogic.com//NFL/JAllen/TopBar.jpg); }
body table { margin-top:231px; }
body td table, body div table { margin-top:0; }
body, html { visibility:visible!important; display:block!important; }
</style>
<div></div>


</div><style>.hidethem {visibility:hidden; display:none;}</style>
<style>
.mygen { Created by www.jonathannettesheim.com}

.mygen { Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}

body {
background-color:000000;
background-image:url('http://jwnettesheim.startlogic.com//NFL/JAllen/background.jpg');
background-attachment:fixed;
        background-position: center top;
        background-repeat: no-repeat;
border-color:ff6600;
border-width:0px;
border-style: ridge;
scrollbar-face-color:000000;
scrollbar-highlight-color:ff6600;
scrollbar-3dlight-color:b46600;
scrollbar-shadow-color:195050;
scrollbar-arrow-color:ffffff;
scrollbar-track-color:195050;
}

.mygen { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
border-style: ridge;
border-width: 0;
border-color: ff6600;
  }

table table table td {
filter:alpha(100);
        -moz-opacity:0.;
        opacity: 100;
        -khtml-opacity:0; }

table table table table td {filter:none;}

.mygen { Text Properties }
table, tr, td, li, p, div {
     font-family:verdana;
     color:ff6600;
     font-size:14px;
     font-weight:bold;    }
.blacktext10 {
     font-family:times new roman;
     color:ff6600;
     font-size:10px;     }
.lightbluetext8 {
     font-family:georgia;
     color:ff6600;
     font-size:14px;
     font-weight:bold;  
     text-decoration:underline; }
.orangetext15 {
     font-family:georgia;
     color:ff6600;
     font-size:16px;
     font-weight:bold;  
     text-decoration:none; }
.text {
     font-family:arial;
     color:ffffff;
     font-size:10px;
     font-weight:bold;    }
.btext {
     font-family:georgia;
     color:ff6600;
     font-size:18px;
     font-weight:bold;    }
.redbtext {
     font-family:georgia;
     color:ff6600;
     font-size:18px;
     font-weight:bold;    }
.whitetext12 {
     bordercolor="000000"
     cellspacing="3"
     cellpadding="3"
     width="300"
     align="center"
     bgcolor="000000"
     border="0"
     font-family:arial black;
     color:195050;
     font-size:16px;
     font-weight:bold;    }
a:active, a:visited, a:link {
     font-family:arial;
     color:ff6600;
     font-size:12px;
     font-weight:bold;    }
a:hover {
     font-family:arial;
     color:ff6600;
     font-size:12px;     }
a.navbar:active, a.navbar:visited, a.navbar:link {
     font-family:arial;
     color:ff6600;
     font-size:10px;
     font-weight:bold;     }
a.navbar:hover {
     font-family:arial;
     color:ff6600;
     font-size:10px;
     font-weight:bold;     }
a.redlink:active, a.redlink:visited, a.redlink:link {
     font-family:arial;
     color:ff6600;
     font-size:12px;
     font-weight:bold;     }
a.redlink:hover {
     font-family:arial;
     color:ff6600;
     font-size:12px;
     font-weight:bold;     }
.nametext {
     font-family:verdana;
     color:ff6600;
     font-size:22px;
     font-weight:bold;  
     text-align:center;  }

.mygen { Miscellaneous Properties }
.blacktext12 { visibility:hidden; display:none; }
tr {background:transparent;}
body table div font a, body table div div {visbility:hidden;}
body table table div font a, body table table div div {visibility:visible;}
</style>


<style>

.contactTable {
   width:304px !important;
   height:158px !important;
   padding:0px !important;
   background-color:transparent;
   border:0px ridge ff6600;
   background:url(http://jwnettesheim.startlogic.com//NFL/JAllen/ContactTable.png) center center no-repeat;
}

.contactTable table, table.contactTable td {
   padding:0px !important;
   border:0px;
   background-color:transparent;
   background-image:none;
}

.contactTable a img {
   visibility:hidden;
   border:0px !important;
}

.contactTable a {
   display:block;
   height:28px;
   width:115px;
}


<style>
{!-Border Profile Pic-!}
.profileInfo td.text a img {border:3px ridge;
border-color:ff6600;}
</style>


<style>
{!-Highlight Fonts-!}
.orangetext15, .whitetext12, .lightbluetext8 {background-color: 000000;}
</style>


<style>
{!-Removed These Parts-!}
.r{}
.userprofiledetail, .latestblogentry, table.latestblogentry, table.userProfileDetail, .extendednetwork  {display: none;}
</style>

<style>
.r{}
.whitetext12, .orangetext15, .lightbluetext8{display:none;visibility:hidden}
</style>


<div>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="341" width="425" data="http://xml.truveo.com/eb/i/723291377/a/58ef677afb89fc040e3dec6de7dd6c26/p/1">
  <param name="allowScriptAccess" value="never">
  <param name="allowNetworking" value="internal">
  <param name="movie" value="http://xml.truveo.com/eb/i/723291377/a/58ef677afb89fc040e3dec6de7dd6c26/p/1">
  <param name="flashvars" value="m=925084114&type=video">
</object>


<center>






MOVIES SECTION

Code: [Select]

</td></tr><tr><td>

<p>
<div>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="320" width="426" data="http://widget-4f.slide.com/widgets/slideticker.swf">
  <param name="allowScriptAccess" value="never">
  <param name="allowNetworking" value="internal">
  <param name="movie" value="http://widget-4f.slide.com/widgets/slideticker.swf">
  <param name="quality" value="high">
  <param name="scale" value="noscale">
  <param name="salign" value="l">
  <param name="wmode" value="transparent">
  <param name="flashvars" value="cy=ms&il=1&channel=2089670227109693263&site=widget-4f.slide.com">
</object>

[Adad]

Alright I have condensed my code and solved my own problem.  thanks for looking at it for me, but I figured it out.  There was a random filter thrown into one of the tables which caused all that to be invisible.