putting slideshow on a div overlay, helppp!!! Options

[joanne92]

[font=Arial] okay so i tried putting a slideshow onto my div overlay from slide.com, but whenever i click preview profile it doesnt show up!! aahhh someone help me! or at least tell me why this is happening!!

[clarity]

Did you place it in one of the DIV boxes?

[joanne92]

well i actually put it in an empty space below the comment box =/

[clarity]

Was that empty space included in the div box?

If not, can you post your code?

[joanne92]

well im pretty sure it was but i'll give you the code including the code for the slideshow =)

ABOUT ME:
Layout made by <a href="http://www.createblog.com/layouts/index.php?author_id=330617" title="More layouts by this person">false tiger limbs</a> at <a href="http://www.createblog.com/layouts/index.php?type_id=3" title="More Myspace layouts">CreateBlog.com</a>.<style>.r{}</style>
<style type="text/css">
.comments{
visibility:hidden;display:none;height:0px;
padding:0px;margin:0px;border:0px;
}
</style>

<style type="text/css">
body div table td form img{display:none!important;}
</style>

<style type="text/css">

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}

</style>

<style type="text/css">

table table,table table table table,table table {
background-color:transparent;
width:270px;
border:0px;
}

div,table,tr,td,th {
background-color:transparent;
text-align:left;
border:0px;
}

a.navbar,font,.whitetext12,.btext,.orangetext15,.blacktext12,.lightbluetext8,str
ng,.blacktext10,.nametext,div b font font, div font font u,table table table

table, table table table table td.text, td.text td.text table,table.contacttable {
visibility:hidden;
}
div table form tr td,td.text table,a.text, table div font a, table div div {
visibility:hidden;
}

td.text table table {
display:inline;
visibility:visible;
}
a:img
{
cursor: hand;
}

a:active, a:visited, a:link {
cursor: hand;
font-family: times new roman;
color:000000;
font-size:11px;
font-weight: normal;
text-decoration: underline;
}

a:hover {
font-family: times new roman;
color:000000;
background-color: 9CC254;
font-size:11px;
cursor: hand;
}

body {
background-color: B8CBC1;
overflow: hidden;
cursor:default;
font-family: times new roman;
color:000000;
font-size:11px;

}

div {
font-family: times new roman;
color:000000;
font-size:11px;

}

.layout {
position:absolute;
left:190px;
top:127px;
overflow:auto;
visibility:visible;
}


</style>

<style type="text/css">
body {
scrollbar-face-color:B8CBC1;
scrollbar-arrow-color:000000;
scrollbar-highlight-color:000000;
scrollbar-shadow-color:000000;
scrollbar-3dlight-color:B8CBC1;
scrollbar-darkshadow-color:B8CBC1;
scrollbar-track-color:B8CBC1;
background-color: B8CBC1;
overflow-x: hidden;
overflow-y: scroll;
}
</style><style type="text/css">
div table td font { display: none }
div div table tr td a.navbar, div div table tr td font { display: none }
</style></div>
<style>.r{}</style>

<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style>

WHO I'D LIKE TO MEET:
<style>.r{}</style>
<div class="layout"><img src="http://layouts.cbimg8.com/32/16066c.gif" border="0" usemap="#navi"></div>

<map name="navi">
<area shape="poly" coords="60,245,97,274,119,257,79,228" href="http://home2.myspace.com/index.cfm?fuseaction=user&Mytoken">
<area shape="poly" coords="136,251,138,273,178,257,163,236" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=39790177">
<area shape="poly" coords="196,246,186,262,231,274,230,248" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=39790177">
<area shape="poly" coords="240,242,260,229" href="#">
<area shape="poly" coords="240,243,263,268,297,258,260,230" href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=39790177">
<area shape="poly" coords="363,409,378,442,436,428,431,403" href="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx?friendID=39790177">
<area shape="poly" coords="467,377,484,397,532,378,516,357" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=39790177">
<area shape="rect" coords="540,691,563,798" href="http://www.createblog.com/layouts/index.php?author_id=330617">
</map>

<div id="contentbox" style="position:absolute;left:235px;top:395px;width:241px;z-index:1; height: 526px; overflow-y: auto; overflow-x: hidden; scrollbar-face-color:ffffff; scrollbar-arrow-color:75544A; scrollbar-highlight-color:75544A; scrollbar-shadow-color:75544A; scrollbar-3dlight-color:ffffff; scrollbar-darkshadow-color:ffffff; scrollbar-track-color:ffffff; background-color:ffffff; border-style: solid; border-width: 0px; border-color: ffffff;">

<h3><u>about me</u></h3>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=39790177"><img src="http://i37.photobucket.com/albums/e92/joannemae/me.jpg" style="border: 2px solid; border-color: 9CC254;" align="left"></a>

hi =) my name's <b>joanne</b>. my birthday is on may 30, 1992. <b>INC4LIFE =D</b> i consider myself a quiet,<b>funny</b>,outspoken person, but i can be loud when im comfy around you lol =D i live on the sunshine-y island of <b>hawaii</b>, even though i &hearts; <b>winter</b>. i like going out and having an <b>awesome</b> time c[= i have a crazy fetish for <b>hello kitty</b> and chocolate. lol i think of myself as funny when i want to. oh and im pretty much a nice person overall =D<br>
<hr align="center" width="90%" size="2" color="9CC254" noshade>

<h3><u>music</u></h3>

i listen to <b>alot</b> of alternative, indie, and r and b =)<br>
currently jamming to: boston by augustana

<br>
<hr align="center" width="90%" size="2" color="9CC254" noshade>
<br>
<h3><u>interests</u></h3>
i like alot of things that include, music, vball, tennis, shopping, fashion, harry potter, watching movies, and spending time with my friends and family.<br><br>
<hr align="center" width="90%" size="2" color="9CC254" noshade>
<br>

</div>



<div

class="commentbox" allowTransparency=true style="position: absolute; top:660px; left:551px; width:179px; border:; font-family: times new roman; font-size: 11px; color:000000; text-align:justify;

background:ffffff; scrollbar-face-color:FF0000; scrollbar-arrow-color:FF0000;

scrollbar-highlight-color:FF0000; scrollbar-shadow-color:FF0000; scrollbar-3dlight-color:FF0000;

scrollbar-darkshadow-color:FF0000; scrollbar-track-color:FF0000; overflow-y: visible; overflow-x:hidden; filter: chroma(color=#FF0000); padding: 6px;">

<form method="post"

action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input

name="friendID" value="39790177" type="hidden"><textarea

name="f_comments" cols="10" rows="7" style="width:166px; height:90px; border-width: 0px;


border-style:

solid; border-color:

ffffff; font-family: times new roman; font-size: 11px; color:000000;
background-color: #DFDFDF; scrollbar-face-color:DFDFDF; scrollbar-arrow-color:DFDFDF;

scrollbar-highlight-color:DFDFDF; scrollbar-shadow-color:DFDFDF; scrollbar-3dlight-color:DFDFDF;

scrollbar-darkshadow-color:DFDFDF; scrollbar-track-color:DFDFDF;

style="overflow:auto;">hi joanne =)</textarea><br>
<input value="comment"

style="border-width: 0px;

border-style: solid; border-color: 000000; font-family: times new roman; font-size: 11px; color:000000;

background-color: 9CC254;"

type="submit"> <input value="clear" style="border-width: 0px; border-style: solid;

border-color: 000000; font-family: times new roman; font-size: 11px; color:000000; background-color: 9CC254;"

type="reset"><br><br><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=39790177"><img src="http://img412.imageshack.us/img412/6425/viewallfc7.gif" border="0"></a></form>
<H4>010907</H4>
yay! today i finally edited my myspace! =D<br><div style="visibility:visible;"><embed src="http://widget-5e.slide.com/widgets/slideticker.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=ms&il=1&channel=72057594047042398&site=widget-5e.slide.com" width="188" height="150" name="flashticker" align="middle"/><div style="width:188px;text-align:left;"><a href="http://www.slide.com/pivot?tt=0&cy=ms&ad=0&id=72057594047042398&map=1" target="_blank"><img src="http://widget-5e.slide.com/p1/72057594047042398/ms_t000_v000_a000_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?tt=0&cy=ms&ad=0&id=72057594047042398&map=2" target="_blank"><img src="http://widget-5e.slide.com/p2/72057594047042398/ms_t000_v000_a000_f00/images/xslide2.gif" border="0" ismap="ismap" /></a></div></div>

</div>
<div class="comments"><table><tbody><tr><td><table>
<style>.r{}</style>











hope that helps

[clarity]

It looks like the slide show is in its own DIV box, maybe adding which points of where you want it will help.

CODE

style="position:absolute;left:#px;top:#px;"

try adding that to the slide show's div box.

[joanne92]

im sorry i dont really have computer smarts =/ so could you like tell me where to specifically add that code? lol

[freeflow]

It shows in my browser but try the following:

Change your slide code to:

CODE

<embed src="http://widget-5e.slide.com/widgets/slideticker.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=ms&il=1&channel=72057594047042398&site=widget-5e.slide.com" width="188" height="150" name="flashticker" align="middle"/><div style="width:188px;text-align:left;"><a href="http://www.slide.com/pivot?tt=0&cy=ms&ad=0&id=72057594047042398&map=1" target="_blank"><img src="http://widget-5e.slide.com/p1/72057594047042398/ms_t000_v000_a000_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?tt=0&cy=ms&ad=0&id=72057594047042398&map=2" target="_blank"><img src="http://widget-5e.slide.com/p2/72057594047042398/ms_t000_v000_a000_f00/images/xslide2.gif" border="0" ismap="ismap" /></a>

w/o the divs

or try removing:

CODE

<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style>

[joanne92]

omgahhh! <3 you are my hero <3

[prettigurl717]

hey. I'm having the same problem, but I can't seem to follow your directions. My slide show wont show up in the layout. Please help. here is the layout, and then the code for my slideshow that I'd like to put in the first white table. at the top center of the page. I'd really appreciate this. thanks.

<style type="text/css">

table, tr, td {
background:transparent;
border:0px;
}
div table font {
visibility:hidden;
}
body {
background:url('http://www.imagestation.com/picture/sraid223/pe76e688fa1c35caebad2d02e60c5a981/eb16d360.jpg');
}
.main {
position:absolute;
left:50%;
top:135px;
margin-left: -200px;
border-width:0px 2px;
border-color:6e6e6e;
width:443px;
}
.friends {
background:url( ) top center no-repeat white;
height:620px;
}



.Mbody {
background-color:white;
}

.leftSide {float:left; width:130px;
text-align:center; padding-left:12px; font-family: georgia;}
.leftSide div {margin-top:5px;border:0px solid; background-color:F9B177; font-family: georgia;}
.leftSide div p {text-align:justify; color:202020; padding:0px; font-family: georgia;}
.leftSide h3 {font-family:georgia; font-size:13px;line-height:15px;margin:0px; color:2E1808; border-bottom:2px solid; border-bottom-color:FB9F7B; background-color:FC947E;}


.aboutUs {width:282px; float:left; color:202020; padding-left:10px; text-align: justify; font-family:georgia;}
.aboutUs h3 {color:70AAAD; border-bottom:2px solid; border-color:B18EC1; font-size:15px; line-height: 17px; font-family: georgia; text-align: right;}

.clear {border-top:0px dotted; clear:both; text-align:center; color:777777; line-height:0px; font-size:7pt;}

a.nav:link, a.nav:visited, a.nav:active {
width: 100%;
text-align: left;
text-decoration: none;
text-indent:10px;
font-style: bold;
font-size: 8pt;
font-family: georgia;
line-height: 15pt;
color: 000000;
background-color: FE7D85;
cursor: default;
display: block;
margin-bottom: 0px;
padding: 0px;
border-bottom:1px solid;
border-color:ffffff;

}
a.nav:hover {
width: 100%;
text-decoration: none;
text-align: left;
text-indent:10px;
font-style: bold;
font-size: 8pt;
font-family: georgia;
line-height: 15pt;
color: 000000;
background-color: F9C07D;
cursor: default;
display: block;
margin-bottom: 0px;
padding: 0px;
border-bottom:1px solid;
border-color:ffffff;
}

a:link, a:visited, a:active {color:E68F5C;}
a:hover {color:2E1808;}

s {color:FC6368;}
u {color:B445BB;}
i {color:5D9F9D;}
b {color:ADB95B;}
.text .text {display:none;}
table table div {visibility:hidden;}
table table table div {visibility:visible;}


</style>
<style>.r{}</style>


<style>.r{}</style>
<div class="main">
<div class="friends">

</div>

<div class="Mbody">
<div class="leftSide">
<div class="links"><center>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav">Home</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXX" class="nav">Pictures</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXX" class="nav">Message Me</a><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav">Add Friend</a><a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=XXXXXXXXXX&public=1" class="nav">Favorite</a>

<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXXX" class="nav">My Friends</a>
<a href="http://comments.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" class="nav">My Comments</a>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=bee7233e-8b8e-422b-bb21-a0761be93a3a" class="nav">Add Comment</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXXX" class="nav">My Blog</a></center></div>

<p><div>
<h3>content</h3>
<p>Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here.
</div>

<p><div>

<h3>content</h3>
<p>Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here.
</div>

<p><div>
<h3>content</h3>

<p>Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here.

</div>


<p><div>

<p> </center>

</div>
</div>

<div class="aboutUs">




<p><h3>extra information</h3>

This is regular text
<br><b>This is bold text.</b>
<br><u>This is underlined text.</u>
<br><i>This is italic text.</i>

<br><s>This is strike through text.</s>

<p>Navigation is to the left. Don't forget to change the XXXXXX values to your user ID number.



</div>

<div class="clear"></div><br>
</div><br><br></div>

<style>.r{}</style>

<style>.r{}</style>

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

</td></tr></table><br>
<table><tr><td>
<div class="off">
<table><tr><td><table><tr><td>
<style>.r{}</style>



Slide Code

<embed src="http://apps.rockyou.com/rockyou.swf?instanceid=51139817&ver=102906" quality="high" salign="lt" width="426" height="320" wmode="transparent" name="rockyou" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/><br><a target="_BLANK" href="http://www.rockyou.com/slideshow-create.php?refid=51139817"><img title="RockYou slideshow" src="http://apps.rockyou.com/images/logo-mini.gif" border="0"></a> | <a target="_BLANK" alt="Comment, Add to Favorite" href="http://www.rockyou.com/show_my_gallery.php?instanceid=51139817">View Show</a> | <a target="_BLANK" href="http://www.rockyou.com/slideshow-create.php?refid=51139817">Create Your Own</a>

[freeflow]

^ Did you add it in a div?

[prettigurl717]

I have no idea. I'm such a novice. I'm basically combining codes from various sites to get the look i want.

[freeflow]

Ok but remember if your taking other peoples codes you need to give credit.

Change your code to this:

CODE

<style type="text/css">

table, tr, td {
background:transparent;
border:0px;
}
div table font {
visibility:hidden;
}
body {
background:url('http://www.imagestation.com/picture/sraid223/pe76e688fa1c35caebad2d02e60c5a981/eb16d360.jpg');
}
.main {
position:absolute;
left:50%;
top:135px;
margin-left: -200px;
border-width:0px 2px;
border-color:6e6e6e;
width:443px;
}
.friends {
background:url( ) top center no-repeat white;
height:620px;
}



.Mbody {
background-color:white;
}

.leftSide {float:left; width:130px;
text-align:center; padding-left:12px; font-family: georgia;}
.leftSide div {margin-top:5px;border:0px solid; background-color:F9B177; font-family: georgia;}
.leftSide div p {text-align:justify; color:202020; padding:0px; font-family: georgia;}
.leftSide h3 {font-family:georgia; font-size:13px;line-height:15px;margin:0px; color:2E1808; border-bottom:2px solid; border-bottom-color:FB9F7B; background-color:FC947E;}


.aboutUs {width:282px; float:left; color:202020; padding-left:10px; text-align: justify; font-family:georgia;}
.aboutUs h3 {color:70AAAD; border-bottom:2px solid; border-color:B18EC1; font-size:15px; line-height: 17px; font-family: georgia; text-align: right;}

.clear {border-top:0px dotted; clear:both; text-align:center; color:777777; line-height:0px; font-size:7pt;}

a.nav:link, a.nav:visited, a.nav:active {
width: 100%;
text-align: left;
text-decoration: none;
text-indent:10px;
font-style: bold;
font-size: 8pt;
font-family: georgia;
line-height: 15pt;
color: 000000;
background-color: FE7D85;
cursor: default;
display: block;
margin-bottom: 0px;
padding: 0px;
border-bottom:1px solid;
border-color:ffffff;

}
a.nav:hover {
width: 100%;
text-decoration: none;
text-align: left;
text-indent:10px;
font-style: bold;
font-size: 8pt;
font-family: georgia;
line-height: 15pt;
color: 000000;
background-color: F9C07D;
cursor: default;
display: block;
margin-bottom: 0px;
padding: 0px;
border-bottom:1px solid;
border-color:ffffff;
}

a:link, a:visited, a:active {color:E68F5C;}
a:hover {color:2E1808;}

s {color:FC6368;}
u {color:B445BB;}
i {color:5D9F9D;}
b {color:ADB95B;}
.text .text {display:none;}
table table div {visibility:hidden;}
table table table div {visibility:visible;}


</style>
<style>.r{}</style>


<style>.r{}</style>
<div class="main">
<div class="friends">

</div>

<div class="Mbody">
<div class="leftSide">
<div class="links"><center>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav">Home</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXX" class="nav">Pictures</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXX" class="nav">Message Me</a><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav">Add Friend</a><a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=XXXXXXXXXX&public=1" class="nav">Favorite</a>

<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXXX" class="nav">My Friends</a>
<a href="http://comments.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" class="nav">My Comments</a>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=bee7233e-8b8e-422b-bb21-a0761be93a3a" class="nav">Add Comment</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXXX" class="nav">My Blog</a></center></div>

<p><div>
<h3>content</h3>
<p>Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here.
</div>

<p><div>

<h3>content</h3>
<p>Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here.
</div>

<p><div>
<h3>content</h3>

<p>Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here. Blah blah blah content goes in here.

</div>


<p><div>

<p> </center>

</div>
</div>

<div class="aboutUs">


<embed allowScriptAccess="never" allowNetworking="internal" enableJSURL="false" enableHREF="false" saveEmbedTags="true" src="http://apps.rockyou.com/rockyou.swf?instanceid=51139817&ver=102906" quality="high" salign="lt" width="426" height="320" wmode="transparent" name="rockyou" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/><br><a target="_BLANK" href="http://www.rockyou.com/slideshow-create.php?refid=51139817"><img title="RockYou slideshow" src="http://apps.rockyou.com/images/logo-mini.gif" border="0"></a> | <a target="_BLANK" alt="Comment, Add to Favorite" href="http://www.rockyou.com/show_my_gallery.php?instanceid=51139817">View Show</a> | <a target="_BLANK" href="http://www.rockyou.com/slideshow-create.php?refid=51139817">Create Your Own</a>


<p><h3>extra information</h3>

This is regular text
<br><b>This is bold text.</b>
<br><u>This is underlined text.</u>
<br><i>This is italic text.</i>

<br><s>This is strike through text.</s>

<p>Navigation is to the left. Don't forget to change the XXXXXX values to your user ID number.



</div>

<div class="clear"></div><br>
</div><br><br></div>

<style>.r{}</style>

<style>.r{}</style>

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

</td></tr></table><br>
<table><tr><td>
<div class="off">
<table><tr><td><table><tr><td>
<style>.r{}</style>