Putting Friends Space, Comments, Upcoming Shows, Blogs OVER A DIV OVERLAY Options

[KhizarKarim]

How can I do this??

[Mikeplyts]

I'm not quite sure what you're asking. Do you want those sections to appear above a DIV container? Do you want to customize them?

Try looking at this.

[KhizarKarim]

I'm not quite sure what you're asking. Do you want those sections to appear above a DIV container? Do you want to customize them?

Try looking at this.

yeah thats what i ment sections over a DIV, and that link DOESNT HELP

[Mikeplyts]

chill.



Just add z-index's to the different classes that you want to show above the DIV container.

So what you would do is add this to your DIV class in your CSS:

CODE

z-index:1;

and this to the classes what you want to appear above it:

CODE

z-index:2;

[KhizarKarim]

chill.
Just add z-index's to the different classes that you want to show above the DIV container.

So what you would do is add this to your DIV class in your CSS:

CODE

z-index:1;

and this to the classes what you want to appear above it:

CODE

z-index:2;

yahh sryy...


what do you mean by this??? canu give me an example with afull code

[pandemonium]

see

CODE

table.friendscomments {
    position:relative;
    left:50%;
    left:XXXpx;
    top:5px;
    z-index: 2;
}

edits the comments section moving it (position, left, left, top) so when you add

CODE

z-index: #;

it places the comment above other objects with lower z-indexes
EXAMPLE:

CODE

table.friendscomments {
    position:relative;
    left:50%;
    left:XXXpx;
    top:5px;
    z-index: 2;
}

[Mikeplyts]

^Yup.

A few other classes would be,

Blog:

CODE

table.latestBlogEntry

Friends:

CODE

table.friendSpace

Shows:

CODE

table table td.text div

Music Player:

CODE

table table td.text div object

That's a few I think. Although, I'm not exactly 100% sure if those are the classes but you can take a look at Eileen's tutorial again.

[KhizarKarim]

see

CODE

table.friendscomments {
    position:relative;
    left:50%;
    left:XXXpx;
    top:5px;
    z-index: 2;
}

edits the comments section moving it (position, left, left, top) so when you add

CODE

z-index: #;

it places the comment above other objects with lower z-indexes
EXAMPLE:

CODE

table.friendscomments {
    position:relative;
    left:50%;
    left:XXXpx;
    top:5px;
    z-index: 2;
}

okay thanks but how can i position it to a desired area?