Hey can someone have a look at my DIV overlay please?
Just recently the top of it has messed up, the overlay is now covering the top myspace links bar and its pushed my music player up above it and made it about 3 times as small?
Can anyone help me out with what myspace has changed to make it do this, becoz I havent changed anything =[
Thanks...
Myspace: www.myspace.com/sty73n
Full Version: DIV Overlay Problem, Plz Help??
Look for this code on your MySpace:
Change the height and the width of the first one to match the second one. If you want to move it around, add this in between the {}'s:
Just play around with the top and left margins to get it to where you want it to be. Next, if you want to move the image lower, look for this in your code. (It's near the bottom of your About Me section.)
In the beginning of this code, it says top:100px;. Change 100 to a bigger number in order to make it go down. Just play around with it 'till it's where you want it to be. Now, since you made the image go down, you're going to need to move your content as well. So look for these codes:
Again, look for top:#px; near the beginning. However much you added to 100, add that same amount to those numbers. For example, if you changed 100 to 135 to make it go below the navigation bar, you will also add 35 pixels to these numbers: 241, 287, and 475. So you'll have 276, 322, and 510 in place of what you had before.
Hope that wasn't too complicated. Good luck!
CODE
<style>embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;} </style>
Change the height and the width of the first one to match the second one. If you want to move it around, add this in between the {}'s:
CODE
position:absolute; top:0px; left:0px;
Just play around with the top and left margins to get it to where you want it to be. Next, if you want to move the image lower, look for this in your code. (It's near the bottom of your About Me section.)
CODE
<div class="bg" style="position: absolute; left:100px; top:100px; width:800px; height:800px; overflow: hidden; border: 0px solid; border-color: 000000; Z-INDEX:1;background-color: transparent; overflow-x:hidden!important;"><img src=" http://img480.imageshack.us/img480/8441/st...ivbd3.jpg" width="800" height="800" border="0" alt="" usemap="#avril_Map" /><map name="avril_Map"><area shape="rect" alt="" coords="2,2,53,48" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9MTA4NTkzOTIzJmFsYnVtSWQ9ODExNjY0" /></map></div>
mlld1BpY3R1cmUmZnJpZW5kSUQ9MTA4NTkzOTIzJmFsYnVtSWQ9ODExNjY0" /></map></div>
In the beginning of this code, it says top:100px;. Change 100 to a bigger number in order to make it go down. Just play around with it 'till it's where you want it to be. Now, since you made the image go down, you're going to need to move your content as well. So look for these codes:
CODE
<div class="content" style="position: absolute; left:185px; top:241px; width:330px; height:496px; overflow: auto; Z-INDEX:2; background-color: transparent; overflow-x:auto!important;"><br /><p align="center"><center><br /><br />Heya Im James & im from da sunny Gold Coast. I have a passion for hot rides & love cruising around and showing mine! I own/built a Show Magna [STY73N] (still under construction) and a Custom Purple Ford Laser with BPT turbo running low 13's. (formerly SHWNUP). Check them out in my pics =]<br /><br />Love goin out cruising on weekendz & chillin wit friendz. <br />Wanna get to know me more? <br />Add me or msg me!.. Ladaz =]<br /><br /><br /><br /><br /><br /><br /><br />
<b>MSN: pro_drumr@hotmail.com</b>
</div>
<b>MSN: pro_drumr@hotmail.com</b>
</div>
CODE
<div class="content" style="position: absolute; left:562px; top:287px; width:318px; height:219px; overflow: auto; Z-INDEX:2; background-color: transparent; overflow-x:auto!important;"><br /><p align="center"><center><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49MWJmZGQ1Y2QtOWMxZC00NmZhLTgzYzQtN2YzMGUwZmUzZmZh">home</a><br /> <a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xMDg1OTM5MjMmTXlUb2tl
j02MDA3M2FmNS1lOTI5LTRjN2EtYjM1Ny0zZjFiNmRhMGJiZmI=">add me</a><br /> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xMDg1OTM5MjMmTXlUb2tlbj02MDA3M2FmNS1lOTI5LTRjN2EtYjM1Ny0zZjFiN
RhMGJiZmI=">message me</a><br /> <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0xMDg1OTM5MjM=">photos</a><br /> <a href="http://www.msplinks.com/MDFodHRwOi8vdmlkcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj12aWRzLnNob3d2aWRzJmZyaWVuZElEPTEwODU5MzkyMyZuPTEwODU5MzkyMyZNeVRv
2VuPTIwMzYwNTY2LTk3YWQtNGJjYS1iNWJiLTIxMTQ0MDdjNmI5YQ==">videos *New*</a></div>
j02MDA3M2FmNS1lOTI5LTRjN2EtYjM1Ny0zZjFiNmRhMGJiZmI=">add me</a><br /> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xMDg1OTM5MjMmTXlUb2tlbj02MDA3M2FmNS1lOTI5LTRjN2EtYjM1Ny0zZjFiN
RhMGJiZmI=">message me</a><br /> <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0xMDg1OTM5MjM=">photos</a><br /> <a href="http://www.msplinks.com/MDFodHRwOi8vdmlkcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj12aWRzLnNob3d2aWRzJmZyaWVuZElEPTEwODU5MzkyMyZuPTEwODU5MzkyMyZNeVRv
2VuPTIwMzYwNTY2LTk3YWQtNGJjYS1iNWJiLTIxMTQ0MDdjNmI5YQ==">videos *New*</a></div>
CODE
<div class="content" style="position: absolute; left:561px; top:475px; width:321px; height:315px; overflow: auto; Z-INDEX:2; background-color: transparent; overflow-x:auto!important;"><br /><br /><p align="center"><center>
Again, look for top:#px; near the beginning. However much you added to 100, add that same amount to those numbers. For example, if you changed 100 to 135 to make it go below the navigation bar, you will also add 35 pixels to these numbers: 241, 287, and 475. So you'll have 276, 322, and 510 in place of what you had before.
Hope that wasn't too complicated. Good luck!
Thanks heaps for your help Anarchy.
But is there a way I can just position the DIV Overlay behind the Myspace Navigation Links bar at the top, so that the top white part of the image is not covering over it??
Or a way of hiding it all together in a Div Overlay layout?
Coz thats where its always been, its just messed up lately since myspace has changed the navigation bar and stuff.
But is there a way I can just position the DIV Overlay behind the Myspace Navigation Links bar at the top, so that the top white part of the image is not covering over it??
Or a way of hiding it all together in a Div Overlay layout?
Coz thats where its always been, its just messed up lately since myspace has changed the navigation bar and stuff.
Did you want to hide the navigation bar? If so, you can just use this code.
Thanks for that mate, will just have to make a few adjustments now.
Cheers =]
Cheers =]
Topic Closed & Moved
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.