Help - Search - Members - Calendar
Full Version: Scrollbox over div in 2.0?
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
xxpinkpoplegendxx
Okay so I have all my stuff hidden on myspace (profile 2.0) trying to make a div overlay. I have my main base image coded like this in my about me section:

<div class="profileLayout">

<img src="http://img96.imageshack.us/img96/9156/coreimage.png" />
</div>

The image shows up fine and all, but I would like to add modules over it like a scrollbox for my about me and whatnot. I tried using a code to put my own module over it (don't have the code anymore) and it worked okay, I got a white div box over my image but I could not get the test inside of the box over the picture. So my question to you is how on earth would I go about making a layout like this profile.


His profile is 2.0 and I want to know how I could get mine to look like that
Mickey
Do the same as you did with the layout image. Place the code for a DIV in your about me section. Then if you want it to go over the image play around with the attributes of the DIV's class. So the combination would be like this:

CODE
<div class="content1">
Insert About Me content here.
</div>

That would go in your About Me. For the CSS, you would have this:

CODE
.content1 {position: absolute; top: #px; left: 50%; margin-left: #px; height: #px; width: #px; z-index: 9;}

The final attribute specifies the order in which you want the objects to appear. The greater the number, the higher the object will be in the stack. For example if I had a z-index of 1 for the layout image it would be at the very bottom. Therefore if I had 2 for the content, it would go over the image. Hope that made sense.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.