Problem with div overlay, Myspace doesn't like my code, but it works fine in a browser |
Problem with div overlay, Myspace doesn't like my code, but it works fine in a browser |
![]()
Post
#1
|
|
Newbie ![]() Group: Member Posts: 8 Joined: Jan 2008 Member No: 616,479 ![]() |
Hi, I made a simple overlay for a friend of mine, and I made it with dreamweaver and it works fine in Internet explorer and Firefox with the html file. I took out all the # in the color codes and looked at everything, but myspace doesn't like how my divs are made or something. Maybe it's because the Apdivs using the # in front of them? I don't know.
Here is the html version of the layout. http://hades.110mb.com/sam%20myspace/samlayout.html Here is what my test myspace does to the profile. http://profile.myspace.com/index.cfm?fusea...cb-674095a8fd17 I don't know what to do with it, myspace is really gay sometimes and does this lol. i've only had 2 of my div layouts (which happened to be more in detail) work with myspace without having to be edited.. its wierd. My code is: CODE <style type="text/css"> .bg { background-color: 000000; top: 125px; } #apDiv1 { position:absolute; width:800px; height:160px; z-index:1; left: 54px; top: 2px; background-image: url(banner.gif); background-color: 000000; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: FFFFFF; border-right-color: FFFFFF; border-bottom-color: FFFFFF; border-left-color: FFFFFF; } body,td,th { color: F0F0F0; margin-left: 5px; left: 50%; top: 50%; border: thin solid 000033; } body { background-color: 000000; } #apDiv2 { position:absolute; width:582px; height:514px; z-index:2; top: 173px; left: 272px; background-color: 000000; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: FF00FF; border-right-color: FF00FF; border-bottom-color: FF00FF; border-left-color: FF00FF; overflow: scroll; } #apDiv7 { position:absolute; width:582px; height:522px; z-index:2; top: 673px; left: 272px; background-color: 000000; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: FF00FF; border-right-color: FF00FF; border-bottom-color: FF00FF; border-left-color: FF00FF; overflow: scroll; } .content { width: 545px; } .friends { width: 200px; float: right; position: inherit; top: 0px; right: 0px; height: 21px; } table table table { border: 2px solid; border-color:000000; background-color: transparent; padding: 0;background-image:url();background-repeat:repeat; background-attachment:fixed;} table table table table { border: none; border-color: none;} .link:hover{display:block; background:url() right center no-repeat; text-align:left; background-color:transparent; height:16px; padding-top:2px; z-index:6} a:active,a:visited,a:link,a{ padding:1px; color:f9f9f9; font-size:10pt; margin-top:1px; cursor:default; font-weight:normal; letter-spacing:0px; font-family:"Times New Roman", Times, serif; text-decoration:none; text-transform:uppercase; } a:hover{ padding:1px; color:FF66FF; font-size:9pt; margin-top:1px; cursor:default; font-weight:normal; letter-spacing:0px; font-family:"Times New Roman", Times, serif; text-decoration:none; text-transform:uppercase; } a.navigate:link,a.navigate:active,a.navigate:visited{ padding:4px; color:FFFFFF; font-size:10pt; display:block; margin-top:1px; cursor:default; text-indent:2px; text-align:left; font-weight:normal; letter-spacing:0px; font-family:"Times New Roman", Times, serif; text-decoration:none; text-transform:uppercase; background-color:FF33CC; border: solid; } a.navigate:hover{ padding:4px; color:000000; font-size:10pt; display:block; margin-top:1px; cursor:default; text-indent:2px; text-align:left; font-weight:normal; letter-spacing:0px; font-family:"Times New Roman", Times, serif; text-decoration:none; text-transform:uppercase; background-color:00CCFF; } #apDiv3 { position:absolute; width:200px; height:115px; z-index:3; left: 54px; top: 173px; } #apDiv4 { position:absolute; width:200px; height:115px; z-index:4; top: 377px; right: 7px; } .apDiv7 img { top: 50%; left: 50%; } </style> <div class="bg" style="position: absolute; left:0px; top:125px; width:940px; height:2271px; overflow: visable;"> <div id="apDiv1"></div> <div id="apDiv2"> <div class="content"> <p align="center">Im Samantha, Im 20 years old and I want to be a graphic artist. Im going to college this summer at BCC for 2 years then i think im want to go to philadelphia art institute to continue graphic arts/ photography. </p> <p align="center">Im nice and outgoing once you get to know me.Im not a girly girl but i clean up nice. I get along with just about anyone. I like long walks and running. I love spending time with my friends and family, they mean a lot to me. I also like playing sports but mostly soccer and i listen to different types of music. Im pretty open minded and i like trying new things..</p> <p align="center"><img src="http://www.geocities.com/jbevan2007/sam.jpg" alt="Me ;)" width="454" height="340" /></p> <p align="center"> I have a boyfriend name nick ;) Hes my bestfriend, i love this guy so much. we have been together since i was 16 back when I was in high school. hes going to join the airforce when i go to college, im scared something might happen but i support him and we plan on living together on our own after im done with college ;)</p> <p align="center"><img src="http://www.geocities.com/jbevan2007/samandbf.jpg" alt="My Boyfriend and I" width="453" height="339" /></p> <p align="center"> </p> </div> </div> <div id="apDiv7"> <div class="content"> <h1 align="center"><strong>My Friends</strong></h1> <table width="389" height="896" border="1" align="center"> <tr> <td width="188" height="117" align="center"><img src="http://www.geocities.com/jbevan2007/amandalidlow.jpg" alt="Amanda Lidlow" width="150" height="113" /></td> <td width="185"><div align="center"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=244117554">View Profile</a></div></td> </tr> <tr> <td height="152" align="center"><img src="http://www.geocities.com/jbevan2007/christina.jpg" alt="Christina" width="150" height="200" /></td> <td><div align="center"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=65696618">View Profile</a></div></td> </tr> <tr> <td height="152" align="center"><img src="http://www.geocities.com/jbevan2007/amalia.jpg" alt="Amalia" width="150" height="200" /></td> <td><div align="center"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=24568006">View Profile</a></div></td> </tr> <tr> <td height="133" align="center"><img src="http://www.geocities.com/jbevan2007/ashley.jpg" alt="Ashley" width="150" height="129" /></td> <td><div align="center"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=300315369">View Profile</a></div></td> </tr> <tr> <td height="183" align="center"><img src="http://www.geocities.com/jbevan2007/justin.jpg" alt="Justin" width="150" height="179" /></td> <td><div align="center"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=34568704">View Profile</a></div></td> </tr> <tr> <td align="center"><img src="http://www.geocities.com/jbevan2007/rach.jpg" alt="Rachel" width="150" height="113" /></td> <td><div align="center"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=207924060">View Profile</a></div></td> </tr> <tr> <td align="center"><img src="http://www.geocities.com/jbevan2007/joe.jpg" alt="Joe" width="150" height="113" /></td> <td><div align="center"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=107916493">View Profile</a></div></td> </tr> <tr> <td align="center"><img src="http://www.geocities.com/jbevan2007/cameron.jpg" alt="Cameron" width="150" height="199" /></td> <td><div align="center"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=187188903">View Profile</a></div></td> </tr> <tr> <td align="center"><img src="http://www.geocities.com/jbevan2007/rj.jpg" alt="RJ" width="150" height="156" /></td> <td><div align="center"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=282390361">View Profile</a></div></td> </tr> <tr> <td align="center"><img src="http://www.geocities.com/jbevan2007/samH.jpg" alt="Sam" width="150" height="113" /></td> <td><div align="center"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=245186881">View Profile</a></div></td> </tr> <tr> <td align="center"><img src="http://www.geocities.com/jbevan2007/tyler.jpg" alt="Tyler" width="150" height="200" /></td> <td><div align="center"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=273173289">View Profile</a></div></td> </tr> </table> <p align="center"><img src="http://www.geocities.com/jbevan2007/merjamanda.jpg" alt="Me, RJ and Amanda" width="320" height="240" /></p> <p align="center"><img src="http://www.geocities.com/jbevan2007/Myfriends007.jpg" alt="My Friends" /></p> <p align="center"><img src="http://www.geocities.com/jbevan2007/samnbf.jpg" alt="My Boyfriend and Best friend" width="320" height="240" /></p> <p align="center"><img src="http://www.geocities.com/jbevan2007/Myfriends2.jpg" alt="My Friends again" width="320" height="240" /></p> <p align="center"><img src="http://www.geocities.com/jbevan2007/sisterme.jpg" alt="My sister and I" width="320" height="240" /></p> <p align="center"><img src="http://www.geocities.com/jbevan2007/mechristinaandamanda.jpg" alt="Me, Christina and Amanda" width="320" height="240" /></p> </div> </div> <div id="apDiv3"> <div class="menu"> <a href="http://home.myspace.com/index.cfm?fuseaction=user"class="navigate">Home</a> <a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=170822083"class="navigate">Message Me</a> <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=170822083"class="navigate">Add Me</a> <a href="http://home13.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=170822083"class="navigate">View Friends</a> <a href="http://home13.myspace.com/index.cfm?fuseaction=user.viewcomments&friendID=170822083"class="navigate">View Comments</a> <a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=170822083"class="navigate">View Blogs</a> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=170822083"class="navigate">View Pictures</a> <a href="http://chat.myspace.com/index.cfm?fuseaction=messenger&strDestinationUserID=170822083&sendType=0"class="navigate">Instant Message</a> <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=170822083"class="navigate">Add Comment</a> </center> </div></div> </div> Can someone give me a hand fixing this up for my friend? Thanks! |
|
|
![]() ![]() |