How would I go about, HELP! |
How would I go about, HELP! |
![]()
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! |
|
|
![]() |
![]()
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.
|
|
|
![]()
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. |
|
|
![]()
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. |
|
|
![]()
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; } |
|
|
![]()
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.
|
|
|
![]()
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. |
|
|
![]()
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. |
|
|
![]() ![]() |