Log In · Register

 
How would I go about, HELP!
ZeT0
post Sep 13 2009, 06:00 PM
Post #1


Senior Member
****

Group: Member
Posts: 253
Joined: Jul 2009
Member No: 739,898



Making a myspace like this :
http://www.myspace.com/taperjeanmusic
Would I just be one big loooong header, sliced up with the background then put into the correct spaces, then everything just just layered on top of it with z-index:9, or something?
I have done somewhat similar on this myspace :
www.mysoace.com/empireinperil
And the header bar goes accross further than the header ( onto the background ).
And then the background set to scroll.
Would this be the easiest way? Or does anybody know easier?
Thanks!
 
 
Start new topic
Replies (1 - 7)
Mickey
post Sep 14 2009, 11:01 AM
Post #2


Treasure Pleasure
********

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



Yeah, I reckon that's the best way to make that kind of layout. You won't get many browser compatibility issues if you do it that way either.
 
ZeT0
post Sep 17 2009, 01:34 PM
Post #3


Senior Member
****

Group: Member
Posts: 253
Joined: Jul 2009
Member No: 739,898



Oh, I didn't see your reply.
Thanks for that, I thought it would help alot of browser issues.
But for some reason I can't get the comments to show? :\
I'll keep trying, and post another thread if its a complete failure. Ahaha.
Thanks.
 
Mickey
post Sep 17 2009, 02:14 PM
Post #4


Treasure Pleasure
********

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



Did you position it like this:

CODE
<style>
.friendsComments {position:absolute; top:#px; left:50%; margin-left:#px;}
</style>

If you did and it's still not showing up, have you tried using z-indexs? It might show up then.
 
ZeT0
post Sep 17 2009, 02:48 PM
Post #5


Senior Member
****

Group: Member
Posts: 253
Joined: Jul 2009
Member No: 739,898



I used something like this, but it didnt work.
it still went UNDER the last image. And the headers z-index was on 2.
Weird. D:
CODE

.friendsComments {
position: absolute !important;
z-index: 6 !important;
margin-left: -35px;
_ margin-left: -400px;
width: 833px !important;
top: 0px !important;
margin-top: 4765px !important;
}

 
Mickey
post Sep 17 2009, 02:50 PM
Post #6


Treasure Pleasure
********

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



The margin-top value is too big. Remove the whole margin-top line and then replace the top value with the appropriate amount of pixels.
 
ZeT0
post Sep 17 2009, 03:10 PM
Post #7


Senior Member
****

Group: Member
Posts: 253
Joined: Jul 2009
Member No: 739,898



It's too big?
It should be in the right spot.
 
Mickey
post Sep 17 2009, 03:15 PM
Post #8


Treasure Pleasure
********

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



Oh sorry, I thought the number had a minus sign before it. Try removing this line:

CODE
_ margin-left: -400px;

Then change the z-index to 9. See if either of those actions make any difference.
 

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