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 16 2009, 03:09 PM
Post #2


Treasure Pleasure
********

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



You're positioning some elements like this:

CODE
position:absolute; left:495px; top: 540px;

While some are positioned like this:

CODE
position:absolute; top:0px; margin-left:-406px; left:50%;

What you need to do is stick with one method. Use either the first one or the second one, and stay consistent. I recommend the second.
 

Posts in this topic


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