Log In · Register

 
 
Closed TopicStart new topic
help with making div show up
prongs0101
post Aug 9 2006, 08:19 PM
Post #1


valerie
***

Group: Member
Posts: 80
Joined: Jul 2005
Member No: 183,864



I need help making my music player show up in my DIV.
This is the code for my music player.

CODE
<div style="text-align: center; margin-left: auto; margin-right: auto;">
  <div>
     <a href="http://webjay.org/by/prongs0101/digitalromance">
     <div><cite>digital romance</cite></div>
    
     </a>
  </div>
  <embed allowScriptAccess="never" allowNetworking="internal" src="http://webjay.org/flash/xspf_player?autoload=1&amp;autoplay=1&amp;playlist_url=http://webjay.org/by/prongs0101/digitalromance.xspf"
     quality="high"
     bgcolor="e6e6e6"
     width="400"
     height="170"
     name="xspf_player"
     align="middle"
     type="application/x-shockwave-flash"
     />
     <div style="margin-top: 5px; font-size: 80%;">via <a href="http://webjay.org">Webjay</a></div>
</div>



And this is the code for the DIV I want to Put it in.


CODE
<div class="content" style="position: absolute; left:585px;  top:675px; width:150px; height:150px; overflow: auto; border: black 2px dashed; background-color:; ">




And this is the code for whole DIV I Made
CODE
<style type="text/css">
table table,table table table table,table table{background-color:transparent;width:300px;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,.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{display:none;}
div table form tr td,td.text table,a.text, table div font a, table div div,{visibility:hidden;di-splay:none}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
</style>



CODE
<style type="text/css">
body {
background-image:url("");background-attachment:scroll;background-position: right;background-repeat: repeat; background-color:black;

body {
scrollbar-arrow-color: 6C532E;
scrollbar-track-color: black;
scrollbar-shadow-color: 80FF80;
scrollbar-face-color: black;
scrollbar-highlight-color: 80FF80;
scrollbar-darkshadow-color: 80FF80;
scrollbar-3dlight-color: 80FF80;}



a:active {
font-family: terminal;
color: C0A885;
font-size: 9px;
text-decoration: none;
text-transform: none;
font-weight: bold;
}

a:visited {
font-family: terminal;
color: C0A885;
font-size: 9px;
text-decoration: none;
text-transform: none;
font-weight: bold;
}

a:hover {
font-family: terminal;
color: C0A885;
font-size: 9px;
text-decoration: none;
text-transform: none;
font-weight: bold;
cursor: crosshair;
}



.font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {  background-color: trans; font-family:terminal; font-size: 11px; color: white; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform:none; padding: 0px; line-height: 10px;}

.textarea, input {font-family:terminal; font-size: 11px; color: white; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px;}

.btext {display: none; font-family:terminal; font-size: 11px; color: white; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px;}



.blacktext10 {text-align: right; visibility:; font-family:terminal; font-size: 12px; color: 000000; font-weight: bold; text-decoration: none; letter-spacing: -1px; text-transform:none; padding: 0px; line-height: 14px;}

.blacktext12 {DISPLAY:; font-family:terminal; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px;}







.lightbluetext8 {font-family:terminal; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px;}

.nametext {display: block; text-align: left !important; font-family:times; font-size: 36px; color: ffCCCC; font-weight: bold; text-decoration: none; letter-spacing: -2px; text-transform: none; padding: 0px; line-height: 38px;}

.orangetext15 {display:none; font-family:terminal; font-size: 22px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: -1px; text-transform: none; padding: 0px; line-height: 19px; background-color:; }

.redbtext, .redtext {font-family:terminal; font-size: 11px; color: 66cc99; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px;}

.text {font-family:terminal; font-size: 11px; color: white; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px;}

.whitetext12 {display: none; font-family:terminal; font-size: 22px; color: FFCCCC; font-weight: normal; text-decoration: none; letter-spacing: -1px; text-transform: none; padding-top: 0px; line-height: 19px;}

a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active {font-family:terminal; font-size: 11px; color: 99cc33; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px;}

a.redlink:active, a.redlink:visited, a.redlink:link {display: none; font-family:terminal; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px;}

a.navbar:link, a.navbar:visited, a.navbar:active  {  font-family:terminal; font-size: 11px; color: FFffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px;}

a.man:hover, a.text:hover, a.redlink:hover  {font-family:terminal; background-color: transparent; font-size: 11px; color: 99cc33; font-weight:NONE; text-decoration: NONE; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px;  border: 0px solid ..FFFFFF;}

a:hover {font-family:terminal; background-color: transparent; font-size: 11px; color: 99cc33; font-weight:NONE; text-decoration: NONE; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px;  border: 0px solid ..FFFFFF;}

a.navbar:hover {border:; border-color:;  font-family:terminal; font-size: 11px; color:ffcccc; font-weight:NONE; text-decoration: NONE; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px; background-color:transparent;}



table table table {background-color: trans; font-family: small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px;}


table table{background-color: trans; font-family: small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px;}


table table table table{background-color: trans; font-family: small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px;}



img { filter:none; border:0px solid black;}

a:link img { filter: none; border:0px solid black;}

a:hover img {filter: border:0px solid black;}</style>
<style type="text/css"><!-- --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> a:hover {border:hotpink 2px dashed;} --></style>


<style type="text/css">.blogbody i, .standard i, p i, i{font-family:script; font-size: 20px; color: 80FF80; font-weight: italic; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 14px;}</style>

<style type="text/css">.blogbody u, .standard u, p u, u {font-family:georgia; font-size: 10px; color: FF9F40; font-weight: underlined; text-decoration: underlined; border-top: 0px solid 000000; border-bottom: 1px dashed ff0080; letter-spacing: 2px; text-transform: lowercase; padding: 0px; line-height: 10px;}</style>

<style type="text/css">.blogbody b, .standard b, p b, b {font-family:Century Gothic bold; font-size: 9px; color:409FFF; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 13px;}</style>
                    


<div class="bg" style="position: absolute; left:45px; top:150px; width:900px; height:600px; overflow: hidden;">
<img src="http://i5.photobucket.com/albums/y178/no_touchie91/newdiv4edit.jpg" height=700 width=700>
</div>

<div class="CONTENT" style="position: absolute; left:740px;  top:220px; width:230px; height:230px; overflow: auto; border:#80FF80 2px dashed; background-color:black;">
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/IMG_0095edit.jpg" width=220 height=220>
</div>

<div class="CONTENT" style="position: absolute; left:380px;  top:220px; width:320px; height:75px; overflow: auto; border:#80FF80 2px dashed; background-color:black;">
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=14da0f77-8c86-4ffc-8d20-8d214176a883">Home</a><br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=11967369">view my pics</a><br>
<a href="http://comments.myspace.com/index.cfm?fuseaction=user.HomeComments&friendID=11967369&MyToken=06ca39f7-e300-43f7-b1de-3e6f661d2622">view comments</a><br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendid=11967369">Add Me</a><br>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=11967369">Message Me</a>
<br><a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=11967369&MyToken=b71b8215-ac9f-41bc-9926-14a2629367fa">View My Friends</a>
<br><a href="http://www.createblog.com/">Createblog</a>
</div>


<div class="CONTENT" style="position: absolute; left:380px;  top:330px; width:320px; height:163px; overflow: auto; border:#80FF80 2px dashed; background-color:black;">


Im a <i> geek </i> at heart<br>
Me + Starbucks = <u>Trouble</u> <br>
I <i>love</i> to read<br>
i have <i>named</i> my <u>ipod</u> <b>bob gonzales</b><br>
i <img src="http://i5.photobucket.com/albums/y178/no_touchie91/es9lb5.gif" alt="Image hosting by Photobucket"> <i>harry potter</i><br>
i <b>love</b> having inside jokes<br>
i am proudly <b>1/2 salvi & half belizean</b> <br>
i love <b>alternative</b> and <b>indie rock</b> but every now and then i gotta get <s>crunk</s><i>HYPHY</i><br>
Im <u><b>not</b></u> a robot  <b>but</b> I can <i>dance</i> like one!!<br>
<img src="http://i5.photobucket.com/albums/y178/no_touchie91/AIMthing.gif" alt="Image hosted by Photobucket.com"> AIM=red is a flavor

</div>

<div class="CONTENT" style="position: absolute; left:380px;  top:530px; width:320px; height:140px; overflow: auto; border:#80FF80 2px dashed; background-color:black;">



<style stype="text/css">

a span{display:none;}
a:hover span {display: block;
position: absolute; top: 60px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}
</style>


<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=18971432&MyToken=0fdaeec7-cf77-4d89-8404-73eae65cff74">AJ<span><img src="http://i75.photobucket.com/albums/i310/luvroBIGRED/07bc2932.jpg" width="100px"></span></a>
<br>

<style stype="text/css">
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 60px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}
</style>


<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=7709748&MyToken=fc37a166-5ad7-4ac2-8021-ea427ff7c54c">Sami<span><img src="http://i5.photobucket.com/albums/y178/no_touchie91/IMG_0091-1.jpg" width="100px"></span></a>

<br>
<style stype="text/css">
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 60px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}
</style>


<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=13342177">Rumpikins<span><img src="http://i5.photobucket.com/albums/y178/no_touchie91/meliastudy.jpg" width="100px"></span></a>


<br>
<style stype="text/css">
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 60px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}
</style>


<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=18136795&MyToken=c8210926-58a4-4a78-899a-a675e90cde1a">Mandy<span><img src="http://i5.photobucket.com/albums/y178/no_touchie91/IMG_0112.jpg" width="100px"></span></a>



<br>
<style stype="text/css">
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 100px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}
</style>


<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=88690977&MyToken=7e8f646e-ca8c-44b4-b683-b0c5fe97ed5d">Ms.Pris<span><img src="http://i5.photobucket.com/albums/y178/no_touchie91/IMG_0097.jpg" width="100px"></span></a>

<br>
<style stype="text/css">
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 60px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}
</style>


<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=12822028">Lauren<span><img src="http://i5.photobucket.com/albums/y178/no_touchie91/IMG_0119.jpg" width="100px"></span></a>

<br><br><br><br><br><br>

<b> these are links to my friendies profiles. <br>Hover over their name to see their picture.<br>

</div>

<div class="CONTENT" style="position: absolute; left:390px;  top:710px; width:190px; height:115px; overflow: auto; border:#80FF80 2px dashed; background-color:black;">
<center><br>
<form method="post" action="http://collect.myspace.com/index.cfm?fuseaction=user.confirmComment"><input name="friendID" value="11967369" type="hidden"><textarea name="f_comments" cols="20" rows="4" style="border-width: 1px; border-style: solid; border-color:; font-family: Tahoma; font-size: 10px; color:; background-color: black;" style="overflow:auto;"> Don't pet my monkey!! </textarea><br> <input value="Beat it!!" style="border-width: 1px; border-style: solid; border-color: white; font-family: Tahoma; font-size: 10px; color: white; background-color: black;" type="submit">  </form>
</div>



<div class="content" style="position: absolute; left:2px;  top:835px; width:999px; height:99px; overflow: auto; border:#80FF80 2px dashed; background-color:;"> <center>

<MARQUEE behavior=alternate>
<MARQUEE width=700 scrollrate=“2”>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/IMAG0057.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/bdayapplestore3.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/bdayapplestore2.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/bdayapplestore1.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/armand.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/yeahbaby.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/ajandval.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/seethruaj.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/loveofmylife052.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/menaj.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/jan31_5.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/valkels.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/IMAG0067.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/goodpicofsammelia.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/menmela.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/peace.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/samlaurensilly.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/march2_1.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/xmasscipic.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/march2_2.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/march2_7.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/march2_5.jpg" width=90 height=90>
<IMG src="http://i5.photobucket.com/albums/y178/no_touchie91/flourpower.jpg" width=90 height=90></MARQUEE></marquee></div>


<div class="content" style="position: absolute; left:585px;  top:675px; width:150px; height:150px; overflow: auto; border: black 2px dashed; background-color:;">

<center> <b><u>Credits</b></u><br><br></center>
&bull; Image-<a href="http://www.createblog.com/graphics/download.php?id=10582">Heartless Hero-Beauty Queen</a><br>
&bull; DIV-<a href="http://www.createblog.com/forums/index.php?showtopic=142922">This Confession's tutorial</a><br>
<center> <b><u>Info</b></u><br><br></center>
&bull; Time-2days & a couple hours<br>
&bull; Font-New Romantics <a href="http://www.dafont.com/new-romantics.font">|Download Here|</a><br>
&bull; Inspiration- Boredom (lol)<br>


Sorry about it the forum being stretched out. I don't know how to fix it.
 
freeflow
post Aug 9 2006, 10:31 PM
Post #2


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



Take this line out:
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
 
prongs0101
post Aug 9 2006, 11:31 PM
Post #3


valerie
***

Group: Member
Posts: 80
Joined: Jul 2005
Member No: 183,864



I took it out and it still doesn't work.
 
freeflow
post Aug 10 2006, 12:00 AM
Post #4


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



You didn't position it anywhere? Put it ina div an position it. This is what you have:
QUOTE
<div style="text-align: center; margin-left: auto; margin-right: auto;">
<div>
<a href="http://webjay.org/by/prongs0101/digitalromance">
<div><cite>digital romance</cite></div>

</a>
</div>
<embed allowScriptAccess="never" allowNetworking="internal" src="http://webjay.org/flash/xspf_player?autoload=1&amp;autoplay=1&amp;playlist_url=http://webjay.org/by/prongs0101/digitalromance.xspf"
quality="high"
bgcolor="e6e6e6"
width="400"
height="170"
name="xspf_player"
align="middle"
type="application/x-shockwave-flash"
/>
<div style="margin-top: 5px; font-size: 80%;">via <a href="http://webjay.org">Webjay</a></div>
</div>
 
prongs0101
post Aug 10 2006, 12:24 AM
Post #5


valerie
***

Group: Member
Posts: 80
Joined: Jul 2005
Member No: 183,864



I did try and postion it.
The div background showed up but the music player didn't.
 

Closed TopicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members: