DIV no slideshow, no player Options

[nvek]

Hello,
Ive been reading a lot of information on this forum and found many answers to previous problems, but despite much research I have a problem that I just cant figure out.

Through much perseverence I made a div layout. Everything was going fine until I tried to add a music player and a slideshow. They didnt appear, though the music was playing. I figured I was hiding things, so I changed a few things and thats when a box decide to jump somewhere else and my zodiac sign appeared from under the div.

I would appreciate if anyone could have a look at this code and tell me what part of it is hiding things,

the site is www.myspeace.com/krizspace
Here's me code:

About me:
<style type="text/css">

.btext {display:visible;}
.contacttable {display:none;}
.lightbluetext8 {display:visible;}
.nametext {display:none;}
.orangetext15 {display:hidden;}
.redlink {display:none;}
.whitetext12 {display:visible;}
.hidden{visibility:hidden; display:none;}
.comments {visibility:visible;display:inline;}

.body {
background-color:white;
}
table tr td {
background-color:white;
}

.profile {
background-color:white;
border:30px solid DarkGoldenRod;
font-size:22pt;
font-weight: bold;
color: 003355;
text-align:center;
padding: 10px;
position:absolute;
left:50%;
margin-left:-400px;
top:175px;
height:2700px;
width:800px;
z-index:1;
}

.picture {
background-color:white;
border:5px solid DeepPink;
text-align:center;
padding: 14px;
position:absolute;
left:50%;
margin-left:-350px;
top:230px;
z-index:2;
}

a.link1:active, a.link1:visited, a.link1:link {
font-size:14px;
font-weight:bold;
font-family:helvetica;
color:003355;
}
a.link1:hover {
color:0066CC;
}

.buttons {
width:142px;
background-color:FFFFCC;
border:5px ridge Gold;
padding:12px;
text-align:center;
}

.messageme {
position:absolute;
left:50%;
top: 405px;
margin-left:-350px;
z-index:2;
}
.addme {
position:absolute;
left:50%;
top: 460px;
margin-left:-350px;
z-index:2;
}
.blockme {
position:absolute;
left:50%;
top: 515px;
margin-left:-350px;
z-index:2;
}

.aboutme {
background-color:FFFFCC;
border:3px solid DarkGoldenRod;
font-family:helvetica;
font-size:12px;
font-weight:bold;
color:003355;
padding: 10px;
position:absolute;
left:50%;
margin-left:-150px;
top:270px;
z-index:2;
height:600px;
width:350px;
overflow:none;
}


.smallerbox {
background-color:FFFFCC;
border:5px solid DeepPink;
font-family:helvetica;
font-size:12px;
color:003355;
padding: 10px;
position:absolute;
left:50%;
margin-left:-350px;
top:600px;
z-index:2;
height:230px;
width:145px;
overflow:none;
}

.comments {
left:50%;
margin-left:-150px;
top:900px;
position:absolute;
height:200px;
width:200px
overflow:none;
text-align:center;
z-index:5;
}

.band_player {
visibility:visible;
position:absolute;
left:50%;
margin-left:-350px;
top:700px;

}

</style>

I'd like to meet


<div class="profile">Kriz space</div>

<div class="picture"><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=91730202&friendName=krizspace"
class="link1"><img src=" http://a618.ac-images.myspacecdn.com/image...1.jpg">
<br></a></div>
<div class="messageme buttons"><a href="http://www.myspace.com/index.cfm?fuseaction=mail.message&friendID=91730202" class="link1">Message Me</a></div>
<div class="addme buttons"><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=91730202" class="link1">Add Me</a></div>
<div class="blockme buttons"><a href="http://www.myspace.com/index.cfm?fuseaction=block.feedback&userID=91730202" class="link1">Block Me</a></div>
<div class="aboutme"><p>OK so Im having a few problems with this, I cant get slideshows or music, boo! Why on Earth did I try and do this crazy myspace nonsense when it seems everybody is already on facebook, it seems I completely missed jumping on the bandwagon. Also if anybody has a good suggestion for how to bring back the white text in the blue boxes (home, browse, search etc.) above, I would really appreciate it. They are there if you hover the mouse over them but it would be nice if we could see them all the time. I'm not using any generator's here, I'm still getting my head around css...slowly...</p><p>OK enough of that, onto more important matters! Our next night:</p><p>No flyer yet! But it's CANADA DAY (Saturday June 30) at Liquid Lounge. And I can't wait. </p>


<div class="smallerbox">My hobbies include cereal collecting, game-inventing, toe-tapping, shoe-tossing, head-banging, bleep-listening, tune-tracking, arm-flailing, sabre-challenging, record-spinning, beat-nodding, knee-bobbing, mysteriously-sneaking, air-pointing, party-throwing, silly-dancing and echo-effectingtingtingting.... </div>



<DIV class="comments"><table><tr><td><table><tr><td>

Heroes

</td></tr></table>
</td><td class="text">
<div class="comments">
<table><tr><td><table><tr><td>

[*digitalfragrance*]

Okay, first where are you trying to add your new coding? I did notice that a div layer was missing a closing tag (</div>) - it's the "about me" one.

[nvek]

Aha! Thank you, that certainly puts the text box back in its place and hides my zodiac sign, that sorts that out. So far I figured out as much as I could from these forums so I’m just hazarding guesses here and making some dumb mistakes along the way! Ok have plugged away a bit more and seem to have got things working, I read someone elses forum and they had found that adding autocue:none helps, it certainly did. So slideshows and mp3 players are up and happening, wooo! However my zodiac sign has showed up again, does the world really need to know that Im a capricorn? And my comments have jumped to the right quite a long way.

Heres the code now

About me

<style type="text/css">

.btext {display:visible;}
.contacttable {display:none;}
.lightbluetext8 {display:visible;}
.nametext {display:none;}
.orangetext15 {display:hidden;}
.redlink {display:none;}
.whitetext12 {display:visible;}
.hidden{visibility:hidden; display:none;}
.comments {visibility:visible;display:inline;}

.body {
background-color:white;
}
table tr td {
background-color:white;
}

.profile {
background-color:white;
border:30px solid DarkGoldenRod;
font-size:22pt;
font-weight: bold;
color: 003355;
text-align:center;
padding: 10px;
position:absolute;
left:50%;
margin-left:-400px;
top:175px;
height:2700px;
width:800px;
z-index:1;
}

.picture {
background-color:white;
border:5px solid DeepPink;
text-align:center;
padding: 14px;
position:absolute;
left:50%;
margin-left:-350px;
top:230px;
z-index:2;
}

a.link1:active, a.link1:visited, a.link1:link {
font-size:14px;
font-weight:bold;
font-family:helvetica;
color:003355;
}
a.link1:hover {
color:0066CC;
}

.buttons {
width:142px;
background-color:FFFFCC;
border:5px ridge Gold;
padding:12px;
text-align:center;
}

.messageme {
position:absolute;
left:50%;
top: 405px;
margin-left:-350px;
z-index:2;
}
.addme {
position:absolute;
left:50%;
top: 460px;
margin-left:-350px;
z-index:2;
}
.blockme {
position:absolute;
left:50%;
top: 515px;
margin-left:-350px;
z-index:2;
}

.aboutme {
background-color:FFFFCC;
border:3px solid DarkGoldenRod;
font-family:helvetica;
font-size:12px;
font-weight:bold;
color:003355;
padding: 10px;
position:absolute;
left:50%;
margin-left:-150px;
top:270px;
z-index:2;
height:600px;
width:350px;
overflow:none;
}

.smallerbox {
background-color:FFFFCC;
border:5px solid DeepPink;
font-family:helvetica;
font-size:12px;
color:003355;
padding: 10px;
position:absolute;
left:50%;
margin-left:-350px;
top:600px;
z-index:2;
height:230px;
width:145px;
overflow:none;
}

.comments {
left:50%;
margin-left:-150px;
top:900px;
position:absolute;
height:200px;
width:200px
overflow:none;
text-align:center;
z-index:5;
}

.band_player {
visibility:visible;
position:absolute;
left:50%;
margin-left:-350px;
top:870px;
overflow:none;
z-index:6;
}

.slideone {
visibility:visible;
position:absolute;
left:50%;
margin-left:235px;
top:240px;
overflow:none;
z-index:6;
}

</style>


Id like to meet

<div class="picture"><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=91730202&friendName=krizspace"
class="link1"><img src=" http://a618.ac-images.myspacecdn.com/image...1.jpg">
<br></a></div>
<div class="messageme buttons"><a href="http://www.myspace.com/index.cfm?fuseaction=mail.message&friendID=91730202" class="link1">Message Me</a></div>
<div class="addme buttons"><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=91730202" class="link1">Add Me</a></div>
<div class="blockme buttons"><a href="http://www.myspace.com/index.cfm?fuseaction=block.feedback&userID=91730202" class="link1">Block Me</a></div>
<div class="aboutme"><p>OK so Im having a few problems with this, I cant get slideshows or music, boo! Why on Earth did I try and do this crazy myspace nonsense when it seems everybody is already on facebook, it seems I completely missed jumping on the bandwagon. Also if anybody has a good suggestion for how to bring back the white text in the blue boxes (home, browse, search etc.) above, I would really appreciate it. They are there if you hover the mouse over them but it would be nice if we could see them all the time. I'm not using any generator's here, I'm still getting my head around css...slowly...</p><p>OK enough of that, onto more important matters! Our next night:</p><p>No flyer yet! But it's CANADA DAY (Saturday June 30) at Liquid Lounge. And I can't wait. </p></div>


<div class="smallerbox">My hobbies include cereal collecting, game-inventing, toe-tapping, shoe-tossing, head-banging, bleep-listening, tune-tracking, arm-flailing, sabre-challenging, record-spinning, beat-nodding, knee-bobbing, mysteriously-sneaking, air-pointing, party-throwing, silly-dancing and echo-effectingtingtingting.... </div>

<div class="band_player"><center><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="380" width="180" align="middle" data="http://www.mp3asset.com/swf/mp3/myPod2.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.mp3asset.com/swf/mp3/myPod2.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="myid=2204537&path=2007/05/03&mycolor=&mycolor2=&mycolor3=&autoplay=&rand=0&f=3" />
</object>
<msprm name="allowScriptAccess" value="never" />
<msprm name="allowNetworking" value="internal" />
<msprm name="movie" value="http://www.mp3asset.com/swf/mp3/myPod2.swf" />
<msprm name="quality" value="high" />
<msprm name="wmode" value="transparent" />
<msprm name="flashvars" value="myid=2204537&path=2007/05/03&mycolor=&mycolor2=&mycolor3=&autoplay=&rand=0&f=3" />
</div>

<div class="slideone"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="350" width="425" style="width:200px;height:600px" align="middle" data="http://widget-d3.slide.com/widgets/slideticker.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://widget-d3.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=un&il=1&channel=144115188082965715&site=widget-d3.slide.com" />
</object><div style="width:200px;text-align:left;"><a href="http://www.slide.com/pivot?ad=1&tt=0&sk=0&cy=un&th=0&id=144115188082965715&map=1" target="_blank"><img src="http://widget-d3.slide.com/p1/144115188082965715/un_t000_v000_a001_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?ad=1&tt=0&sk=0&cy=un&th=0&id=144115188082965715&map=2" target="_blank"><img src="http://widget-d3.slide.com/p2/144115188082965715/un_t000_v000_a001_f00/images/xslide2.gif" border="0" ismap="ismap" /></a></div>


<DIV class="comments"><table><tr><td><table><tr><td>

This post has been edited by nvek: Jun 14 2007, 06:02 AM

[*digitalfragrance*]

In your comments div, you can try using margin values to position it where you want it.

CODE

<DIV class="comments" style="top: ##px; left: ##px;"><table><tr><td><table><tr><td>

As far as the zodiac sign... I'm not quite sure what to do. Perhaps if you post a link to your site, we could see what's going on more clearly.

[nvek]

Thanks for your rapid reply.
I will try your suggestion, in the meantime here's my site:
Visit My Website

[*digitalfragrance*]

Try this script:
http://www.createblog.com/scripts/script.php?id=347
It hides EVERYTHING about you default profile except comments. It should take care of your zodiac sign.

[nvek]

Thanks again. Yes, that does hide everything except comments, which is good. It seemed like this code sent my friends off the div, but must have been a glitch as everthing looks fine now. One thing about this code though is that it does also hide the white text in the blue box above the div (home, search...) I tinkered around for a while changing various things but couldn't sort it out, is there any way to get those back?
I erased any previous stuff that would have conflicted with this new coding and added it with these adjustments:

<style type="text/css">
table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,
lightbluetext8,strong,.nametext,div b font font, div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;display:none}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
.comments{visibility:visible; width:200px;height: 200px;position:absolute;top:900px;left:50%; margin-left:-400px;
overflow:visible;background-color:transparent;
border:none;z-index:2px;}