Div Profile Help Options

[Rudolphski]

Im confused in making one. I know that you make a picture in photoshop and put it in codes which i saw in other topics, but im confued in the links such as comments, photots, navigation buttons, and so on. And also how do you put a comment box and how do you put a custom flash music player?

[clarity]

I actually think this was explained very well...

about content:

This is a great tutorial!

I'm having one problem though. My content wont show up. I put the code in the "Who I'd like to meet" section and I've played around with the posistioning but it still wont show up.

EDIT - Ok. I refreshed my page and I saw the content for a second but tjhen it disapeared. So it's underneath my background image. How do I get it to come overtop of it?

^ in reply to that:

set the z-index to a layer that would be above the background.

CODE

0 should be the bottem most layer

1 would be your content

^In reply to that:

I dont have a z-index in my code at the moment. Where do I put the z-index in my code?

^In reply to that:

<style>
.div1 {
background-color:000000; color:000000;
border:0px solid; border-color:silver;
width:400px; height:100px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-250px; margin-top:150px;
visibility:visible;}
</style>
<div class="div1">
content
</div>

also a reply to Caitlin's last post:

If your using this:

CODE

<div class="bg" style="position: absolute; left:0px; top:0px; width:000px; height:000px; overflow: hidden;">

Add it after the ; before the " . Example:

<div class="bg" style="position: absolute; left:0px; top:0px; width:000px; height:000px; overflow: hidden;z-index:0;">

For custom comment boxes, do you mean how to make a custom one, or place it on the layout?

For the links, make sure in photoshop you make a box area for it, or you can image map.