Log In · Register

 
Please help me :[ --- Band Myspace Layout.
austinseals
post Sep 15 2009, 11:53 PM
Post #1


Senior Member
***

Group: Member
Posts: 62
Joined: Sep 2009
Member No: 746,049



Alright
So I've designed my band's myspace.
I've got the margins down, everything designed
etc.

There is a huge problem however.
The layout comes out beautifully on my computer,
But on other people's computers (not all)
It comes out looking like ass.
Evrything isn't in the right place, etc.

Please Help?
www.myspace.com/wslsmusic
CODE
<style>
.masthead {position:absolute; top:0px; margin-left:-406px; left:50%; width:812px; height:550px; z-index:9;}
</style>

<div class="masthead">
<img src="http://i30.tinypic.com/1109i4z.jpg" />
</div>
<style>

{THIS MAKES THE BODY TABLE TRANSPARENT}
{*NOTE* - IF YOU DO NOT WANT THE BODY TABLE TRANSPARENT, SIMPLY CHANGE TRANSPARENT TO A COLOR}
table, tr, td{background-color:transparent;}

body, body.bodycontent{margin-top: 570px;
background-color: black;
background-image:url(http://i30.tinypic.com/2vucv12.jpg);
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
overflow-x: hidden;} </style>
<style>
body {
background-color: transparent;
background-position: left top;
background-repeat: repeat;
background-attachment: fixed;
}
table, tr, td {
background-color: transparent;
border: 3px;
}
table table {
border: 3px;
}
table table table table {
border: 3px;
}
table table table {
border-width: 3px;
border-style: double;
border-color: transparent;
background-color: transparent;
}
table table table td {
background-color: transparent;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;}
table table table table td {
filter: none;
}
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10,

.blacktext12 {
font-family: Arial;
font-size: 10pt;
color: 000000;
font-weight: normal;
font-style: normal;
font-decoration: none;
text-transform: none;
font-variant: normal;
letter-spacing: 0px;
}
.whitetext12, .orangetext15 {
font-family: Verdana;
font-size: 12pt;
color: 000000;
font-weight: bold;
font-style: normal;
font-decoration: none;
text-transform: none;
font-variant: normal;
letter-spacing: 0px;
}
.nametext {
padding: 5px;
font-family: Tahoma;
font-size: 16pt;
color: 000000;
font-weight: bold;
font-style: normal;
font-decoration: none;
text-transform: none;
font-variant: normal;
letter-spacing: 0px;
display: block;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.man:link, a.man:active, a.man:visited, a, a:link,a:active, a:visited, a.navbar:link, a.navbar:active, a.navbar:visited, a.text:link, a.text:active, a.text:visited,
a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.redlink:link,
a.redlink:active, a.redlink:visited {
color: 70dfd3;
font-weight: bold;
font-style: normal;
font-decoration: underline;
letter-spacing: 0px;
font-size: 10pt;
}
a:hover,a.navbar:hover, a.man:hover, a:hover,a.man:hover,a.searchlinksmall:hover,a.redlink:hover,a.text:hover {
color: ffffff;
font-weight: normal;
font-style: normal;
font-decoration: none;
letter-spacing: 0px;
font-size: 10pt;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
</style>

<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" target="_blank"><img src="http://i31.tinypic.com/bje8ad.jpg" style="position:absolute; left:225px; top: 540px;" border="0" /></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD00Nzc1ODQzMzc=" target="_blank"><img src="http://i28.tinypic.com/2d9nql3.jpg" style="position:absolute; left:400px; top: 540px;" border="0" /></a>


<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD00Nzc1ODQzMzcmTXlUb2tlbj1iYTZjNTRjYy01ZTYxLTQxMTAtODczNy0yYjYxO
FhMTkzNzM=" target="_blank"><img src="http://i31.tinypic.com/2craqo3.jpg" style="position:absolute; left:495px; top: 540px;" border="0" /></a>


<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=477584337" target="_blank"><img src="http://i29.tinypic.com/2dmbej5.jpg" style="position:absolute; left:675px; top: 540px;" border="0" /></a>


<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&friendID=477584337&n=477584337&MyToken=3037f30a-c4a8-4c29-a259-83e600b1f68b" target="_blank"><img src="http://i28.tinypic.com/2lxdogp.jpg" style="position:absolute; left:855px; top: 540px;" border="0" /></a>

<style>
.contactTable {display:none;}
</style>

<style>table td table td span.orangetext15 { display: none; }</style>

<style>.orangetext15{ display:none; visibility:hidden; }</style>

<style>.whitetext12{ display:none; visibility:hidden; }</style>

<style>.lightbluetext8{ display:none; visibility:hidden; }</style>

<style>.btext{ display:none; visibility:hidden; }</style>

<center>
<a href="http://www.msplinks.com/MDFodHRwOi8vdGlueXBpYy5jb20=" target="_blank"><img src="http://i27.tinypic.com/34zj88y.jpg" border="0" alt="Image and video hosting by TinyPic" /></a>
<center>
We're a 5 piece band from Metro Detroit.
<center>
We all started out in bands when we were 13/14,
<center>
Now we're picking up where we left off.
<center>
As we experiment with different sounds and such,
<center>
Keep an eye out for what we have in store.
<center>
See you around!

<center>
<a href="http://www.msplinks.com/MDFodHRwOi8vdGlueXBpYy5jb20=" target="_blank"><img src="http://i26.tinypic.com/23mag0h.jpg" border="0" alt="Image and video hosting by TinyPic" /></a>

<center>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="344" width="425">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/o7JWskRFcxE&hl=en&fs=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/o7JWskRFcxE&hl=en&fs=1" height="344" width="425" wmode="transparent" />
</object>
<center>
<a href="http://www.msplinks.com/MDFodHRwOi8vdGlueXBpYy5jb20=" target="_blank"><img src="http://i29.tinypic.com/2qdspr7.jpg" border="0" alt="Image and video hosting by TinyPic" /></a>


<a href=""><img src="http://i30.tinypic.com/2nvcymp.jpg" style="position:absolute; left:246px; top: 1105px;" border="0" /></a>

<a href=""><img src="http://i25.tinypic.com/2a7itqb.jpg" style="position:absolute; left:246px; top: 800px;" border="0" /></a>


<a href=""><img src="http://i32.tinypic.com/2rejyw6.jpg" style="position:absolute; left:835px; top: 1337px;" border="0" /></a>

<a href=""><img src="http://i28.tinypic.com/29cxg3.jpg" style="position:absolute; left:570px; top: 1126px;" border="0" /></a>

 
 
Start new topic
Replies
Mickey
post Sep 17 2009, 10:24 AM
Post #2


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



You need to set all the left properties to 50%, then determine what the margin-left values should be after.
 

Posts in this topic


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