Log In · Register

 
Music Player + DIV = No Bueno
timthedj
post Feb 14 2008, 01:49 PM
Post #1


Newbie
*

Group: Member
Posts: 6
Joined: Jun 2007
Member No: 538,762
I've got my div overlay setup up to my likings. Unfortunately i've run into a problem with my stock music player. For some reason it doesn't show up on top of my div. If someone could take a look at my coding which ill post here, please lemme know where the error is. Thanks in adv.

myspace.com/timwmedia


<style type="text/css">


table table embed{position:absolute; top:160px; left:50%; margin-left:-400px;}



.div1{
position: absolute;
top:160px;
left:50%;
margin-left:-400px;
width:800px;
height:600px;
z-index:4;
padding:0px;
border:0px solid black;
background-color:FFFFFF;
}


.blankslate{
position:absolute;
top:160px;
left:50%;
margin-left:-400px;
width:800px;
height:800px;
z-index:2;
padding:0px;
border:0px solid black;
background-color:FFFFFF;
}

.comments{
position:absolute;
top:730px;
left:50%;
margin-left:-400px;
width:-400px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:FFFFFF;
}


td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td,
td.text td.text table {width:700px;padding:0;border:0;}
td.text td.text table table td {padding:3;background-color:FFFFFF; border:0px solid black;}
td.text td.text table table br {display:inline;}
.redtext{color:000000;}
.blacktext10{color:000000;}

.x{This defines the background of the entire page.}
body {
background-color:FFFFFF;
background-image:url('If you want a background behind your tables, place the url here!');
background-position:bottom left;
background-repeat:repeat; background-attachment:fixed;
border-width:0px;
border-color:black;
border-style:solid;
}
.x{This defines the tables.}
table table table {
background-image:url('If you put an image here, it will appear in all of your tables.');
background-color:FFFFFF;
border:0px solid black;
}

.x{This section defines the text.}
td,
.whitetext12,
.lightbluetext8,
.blacktext12,
.btext,
.text,
.orangetext15,
.nametext,
.redbtext,
.redtext,
A:link,
A:visited,
A:active,
a.redlink:link,
a.redlink:active,
a.redlink:visited,
a.searchlinksmall:link,
a.searchlinksmall:active,
a.searchlinksmall:visited,
a.searchlinksmall:hover,
a.font,
table td div div font,
div table tr td font
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:8pt;
color:000000;
}

a.navbar,
a.navbar:link,
a.navbar:active,
a.navbar:visited{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:7pt;
color:000000;
}
a.navbar:hover{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:7pt;
color:ffffff;
}
a.redlink:hover,
A:hover{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:8pt; text-decoration:none;
color:ffffff;
}

.x{Comment Text; makes it look neater.}
.blacktext10 {
color:4a4a4a;
font-size:8pt;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
border:0px;
border-top:2px solid black;
display:block;
width:500px;
background-color:black;
}


.x{You shouldn't change anything past here unless you know what you're doing.}
input {background-color:white;}
img{border:0px}

table, tr, td {background:transparent;border:0px;}
table table table table {border:0px;}
table table td.text table, table table td.text table td {width:100%;}
table table table table div {width:298px;}


td.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {width:80px;}
td.text td.text table table td img {width:260px; max-width:260px; width:auto;}
td.text td.text table table td div img {width:80px;}
* html td.text td.text table table td img {width:100px;}
* html td.text td.text table table td a img {width:80px;}
* html td.text td.text table table td div img {width:80px;





</style>










<div class="blankslate"></div>



<div class="div1"></head>
<body bgcolor="#ffffff">
<img name="DIVTRYCUTRIX2" src="http://img155.imageshack.us/img155/4848/divtrycutrix3xw1.jpg" width="800" height="600" border="0" id="DIVTRYCUTRIX2" usemap="#m_DIV20TRY20CUTRIX2" alt="" /><map name="m_DIV20TRY20CUTRIX2" id="m_DIV20TRY20CUTRIX2">
<area shape="poly" coords="597,306,725,252,732,267,604,322,597,306" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" alt="" />
<area shape="poly" coords="609,247,737,193,744,208,616,263,609,247" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0zMzM1MTU1NjAmTXlUb2tlbj11bmRlZmluZWQ=" alt="" />
<area shape="poly" coords="579,234,707,180,714,195,586,250,579,234" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9MzMzNTE1NTYwJmFsYnVtSWQ9MA==" alt="" />
<area shape="poly" coords="591,200,719,146,726,161,598,216,591,200" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h
GRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPTMzMzUxNTU2MA==" alt="" />
</map>

</body>
</html></div>



<div class="comments" align="center"><table><tr><td><table><tr><td>
 

Posts in this topic
timthedj   Music Player + DIV = No Bueno   Feb 14 2008, 01:49 PM
broken-doll   maybe you need a 'z-index' inserted into t...   Feb 15 2008, 07:14 AM
timthedj   wow... that did it! How'd I overlook tha...   Feb 15 2008, 03:54 PM
S-Majere   Glad it worked out for you! Topic Closed.   Feb 15 2008, 04:36 PM

« Next Oldest · Myspace Resolved Topics · Next Newest »
 

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

 

Display Mode: Switch to: Standard · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic