Log In · Register

 
Help with Div Overlays - Code not working, Divs not showing.
LolitaDoll
post May 18 2007, 05:06 AM
Post #1


Senior Member
***

Group: Member
Posts: 41
Joined: May 2007
Member No: 524,468



Hi,

This is my first time making my own div overlays and I seem to be having some trouble.

I coded my layout in adobe golive so that everything would be neat and accurate. I used the code form here to remove everything from my myspace except the comments. Then i added in my code. The thing is though that my positioning elements arn't working. My layout div containing all my images for the layout comes up near the bottom right corner?

The about me section -
CODE
<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;di-splay: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:500px; height: 400px;position:absolute;top:120px;left:0px;
overflow:auto;background-color:COLORHERE;
border:black 1px solid;z-index:2px;}
</style>

<style type="text/css">
#details   {
font-size: x-small;
font-family: Georgia, "Times New Roman", Times, serif;
text-decoration: none;
visibility: visible;
position: absolute;
z-index: 2;
top: 331px;
left: 427px;
width: 351px;
height: 247px;
overflow: auto;
scrollbar-3dlight-color: #29c476;
scrollbar-arrow-color: #000000;
scrollbar-darkshadow-color: #29c476;
scrollbar-face-color: #29c476;
scrollbar-highlight-color: #29c476;
scrollbar-shadow-color: #29c476;
scrollbar-track-color: #29c476
}

#layout {
visibility: visible;
position: absolute;
top: 0;
left: 228px;
width: 635px;
height: 1048px
}

#layoutcontainer   {
background-image: url(http://i163.photobucket.com/albums/t288/Lolita_Dollie/bg.gif); visibility: visible;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 1253px;
height: 1248px
}

#aboutme  {
font-size: x-small;
font-family: Georgia, "Times New Roman", Times, serif;
text-decoration: none;
visibility: visible;
position: absolute;
z-index: 3;
top: 610px;
left: 301px;
width: 705px;
height: 221px;
overflow: auto;
scrollbar-face-color : #29c476;
scrollbar-highlight-color : #29c476;
scrollbar-3dlight-color : #29c476;
scrollbar-shadow-color : #29c476;
scrollbar-darkshadow-color : #29c476;
scrollbar-track-color : #29c476;
scrollbar-arrow-color : #000000;
}
</style>


and the who I'd like to meet section -

CODE
<div id="layoutcontainer">
<div id="layout">
<img src="http://i163.photobucket.com/albums/t288/Lolita_Dollie/MSL-ChaoticRainbow_01.jpg" alt="" height="283" width="800" usemap="#MSL-ChaoticRainbow_01map" border="0">

<img src="http://i163.photobucket.com/albums/t288/Lolita_Dollie/MSL-ChaoticRainbow_02.jpg" alt="" height="304" width="800" usemap="#MSL-ChaoticRainbow_02map" border="0">

<img src="http://i163.photobucket.com/albums/t288/Lolita_Dollie/MSL-ChaoticRainbow_03.jpg" alt="" height="314" width="800" usemap="#MSL-ChaoticRainbow_03186936d" border="0"><map name="MSL-ChaoticRainbow_03186936d"><area shape="rect" coords="619,261,753,283" href="mailto:tb-designs@hotmail.com?subject=Want a Layout?"></map>

<img src="http://i163.photobucket.com/albums/t288/Lolita_Dollie/MSL-ChaoticRainbow_04.jpg" alt="" height="299" width="800" border="0">
                
<div id="details">
<div align="center">
                        
<p><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=106203752"><img src="http://i163.photobucket.com/albums/t288/Lolita_Dollie/dppic.gif" width="61" height="150" alt="" border="0" align="left" hspace="10"></a><b>♥ Lolita Dolls's Details ♥</b>
</div>
<div align="left">
<p><kbd>Name// Tara Benson</kbd></p>
<p><kbd>D.O.B// 21st March 1990</kbd></p>
<p><kbd>Location// Brisbane</kbd></p>
<p><kbd>Status// Taken </kbd></p>
<p></p>
</div>
<div align="center">
<p><kbd><b>Loves </b></kbd></p>
<p><kbd>webdesign. graphic design. anime. manga. horror. fantasy. reading. PS2. Final Fantasy. jogging. swimming. writing. 1971 Chevrolet Corvette Stingrays.</kbd></p>
<p><kbd><b>Movies</b></kbd></p>
<p><kbd>Silent Hill. Brothers Grimm. Moulin Rouge. Interveiw with the Vampire. Wolf Creek. Hostel. Hills have Eyes. Most horror movies basically. Blood, gore all that stuff. </kbd></p>
<p><kbd><b>Music</b></kbd></p>
<p><kbd>Placebo. Dresden Dolls. Vertical Horizon. T.A.T.U. Cascada. Red Jumpsuit Apparatus. 30STM. Angels & Airwaves. Enya. Imogen Heap. Oasis. Silverchair. Savage Garden. Muse. Eskimo Joe. Snow Patrol. The Strokes.</kbd></p>
<p><kbd><b>T.V</b></kbd></p>
<p><kbd><b>Queer as Folk. Lost. Desperate Housewives. Anime. Closeted Days of Our Lives fan. Vanished. Nip/Tuck. Supernatural.</b></kbd></p>
<p><kbd><b> <br>
</b></kbd></p>
<p></p>
</div>
                    
<div align="left">
<p></p>
</div>
</div>
</div>
            
<map name="MSL-ChaoticRainbow_02map"><area shape="rect" coords="245,281,322,297" href="http://collect.myspace.com/index.cfm?fuseaction=RateImage.UserRating&UserID=106203752" alt=""><area shape="rect" coords="88,281,204,296" href="http://mail.myspace.com/index.cfm?fuseaction=mail.forward&friendID=106203752&f=forwardprofile" alt=""><area shape="rect" coords="245,242,349,260" href="http://chat.myspace.com/index.cfm?fuseaction=messenger&strDestinationUserID=106203752&sendType=0" alt=""><area shape="rect" coords="87,242,190,259" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=106203752" alt=""><area shape="rect" coords="240,207,314,224" href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=106203752" alt=""><area shape="rect" coords="90,206,190,224" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=106203752" alt=""><area shape="rect" coords="237,173,337,190" href="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=106203752" alt=""><area shape="rect" coords="86,172,197,190" href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=106203752&public=0" alt=""><area shape="rect" coords="245,101,283,124" href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=106203752" alt=""><area shape="rect" coords="123,62,299,86" href="http://www.myspace.com/verticalhorizon" alt=""><area shape="rect" coords="255,22,337,46" href="http://www.myspace.com/tatu%20" alt=""><area shape="rect" coords="149,6,240,26" href="http://www.myspace.com/placebo" alt=""><area shape="rect" coords="68,15,114,38" href="http://www.myspace.com/oxo_jess%20%20" alt=""></map><map name="MSL-ChaoticRainbow_01map"><area shape="rect" coords="90,255,160,278" href="http://www.myspace.com/131468405" alt=""><area shape="rect" coords="211,244,360,266" href="http://www.myspace.com/dresdendolls" alt=""><area shape="rect" coords="245,188,372,212" href="http://www.myspace.com/127467362" alt=""><area shape="rect" coords="142,222,193,243" href="http://www.myspace.com/happybubble15"></map>
            
<div id="aboutme">
<div align="left">
<p><font size="3"><kbd>About Me//     </kbd><kbd>
<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=106203752">Friends</a>  /  
<a href="http://groups.myspace.com/index.cfm?fuseaction=groups.myGroups&userID=106203752">Groups</a>  /  
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=106203752">Blogs</a></kbd></font></p>
</div>
<div align="center">
<p><kbd>What I'm Loving at the Moment - <p>

<centre><img src="http://img136.imageshack.us/img136/6662/38e2ae0b78678a949a3bfa5xj5.gif"><p>

What I Love -
                    <p>

Web/Graphic Design<br>
Watching/reading horror <br>
Japanese anime/manga <br>
QaF - BJ 4eva! ^-^<br>
Photoshop <br>
My Cats <br>
iMacs <br>
Ferrer Roche Chocolates <br>
Victoria Frances paintings <br>
Luis Royo paintings<br>
Horses/horseriding<br>
Suprise presents ^-^"<br><br>

What I Hate - <br><br>

Fakers. <br>
Cockroaches <br>
Rap <br>
Fuckwits <br><br>

School - <br><br>

I do Ipt (which i love), Modern Hisotry (which I love), BCT (meh), Maths (meh), English (causes an emotional breakdown). <br><br>

I want to go to either Uni or preferably Qantm which is a private college that specialises in multimedia. <br>
                        <br>
♥♥♥♥♥
♥♥♥♥♥
♥♥♥♥♥
♥♥♥♥♥
♥♥♥♥♥</p>
                    <p>I decided I'd make my own myspace layout (brillant idea that was!) so I opened up good old Photoshop and voila! Simple. Easy No problems. But the coding? what a BITCH! I'm now so sick of this layout I probabaly won't even have it up for a week, but i did take the time to make it so i *guess* I should give it the much deserved time in the spotlight. </p>
<p>♥♥♥♥♥
♥♥♥♥♥
♥♥♥♥♥
♥♥♥♥♥
♥♥♥♥♥</p>
<p></p>
<p> </kbd></p>
</div>
<div align="left">
<p></p>
</div>
</div>
</div>

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


All help is really really appreciated. I am so lost with this. It works fine when i look at it as a normal website but when i go and add it to myspace it screws up.

Thanks in advance,

LD ^-^
 
 
Start new topic
Replies
LolitaDoll
post May 21 2007, 01:08 AM
Post #2


Senior Member
***

Group: Member
Posts: 41
Joined: May 2007
Member No: 524,468



Thanks i added the miss ";" to the scrollbar code yet it still doesn't work in IE. Also the text isn't appearing in IE but it is in FF. Any ideas?

Heres the link - www.myspace.com/tb_designs
 

Posts in this topic


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