Log In · Register

 
Problem with div overlay, Myspace doesn't like my code, but it works fine in a browser
hadesmod
post Mar 12 2008, 09:57 AM
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!
 

Posts in this topic


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