Banner at top Options

[protos]

I want a banner tha goes below the navigation but about the profile. I saw it on this profile but I can't duplicate the effects.

Please don't just go to the script secion and give me that one. That script puts the image above the navigation.

Does this only work on music profile or could I do it?

[freeflow]

It might be only for music sections, because there was one for normal profiles but it constantly dupliacted the image (made it repeat) . If you want to try it , I can probably hunt the code down for you.

[protos]

i'd appreciate it

[protos]

does anyone else have an answer.

I know that the css name is .masthead

what's going on?

[freeflow]

http://forum.myspace.com/index.cfm?fuseact...oupID=100636674
?

[protos]

that made a space but how do I put an image up there? DIV? how would I put this image exactly in the center(horizontally)

[freeflow]

Div position it up there.

[protos]

how do i postion it so that it is always 100px down and always centered horizonally?

I'm testing it here and I only know how to work absolute pixel positioning.

[freeflow]

Wherever you position it is where its going to stay. If its not where you want it now make the top number lower.. until it fits. and move it more to the left.


You have position it to the center. You don't have much to do . All your doing is positioning it exactly where and how far up or down you want it.

[protos]

I'm doing this for a profile that gets hundred of views an hour by millions of fans.

The pixels for my screen resolution are not the same as anyone else's

I need it to work for eveyone; I don't care what it looks like for me. I need it to be perfect on each screen resolution.

Just like <center> tags. It doesn't matter what the size it'll still be in the middle

Can I get the image to be in the center of EVERYONE'S SCREEN?

[freeflow]

YES! Don't use center tags. Just position it with absolute positioning, exactly where you want it and it will. Just don't use margins in the positioning and don't use percents either.

[protos]

Can you just post the code because I caan't do what your saying

[freeflow]

The code for the div is this:

CODE

<style type="text/css">
.banner{
position: absolute;
left: ##px;
top: ##px;
width: ###px;
height: ###px;
}
</style>
<div class="banner">
<img src="urltobanner">
</div>

Thats all you need. Edit the left and top positions to EXACTLY where you want it. When you position it where you want it , it should stay in look fine for all browsers and resolutions. If you want to check once you get it I can look ( I use a diff browser so yea). If you want it centered change the left number till its exactly how you want it.

And add the url to the banner.

[protos]

I used this

CODE

.banner{
position: absolute;
left: 197px;
top: 150px;
width: 872px;
height: 227px;
}

<div class="banner">
<img src="http://img80.imageshack.us/img80/1156/mast4nh2.gif">
</div>

On my monitor(1280x800)

It looks perfect

but when I went to another monitor (1024x768)

It looks wrong

The problem is the myspace has it's tables centered for each and every screen. My problem is that my image is staying 197 pixels from the left of everyscreen. 197 pixels is fine for me but for anyone else it doesn't work right.

I still need a way to fix that.

[freeflow]

Oh I get what your saying. I was kind of lost at first. But regarding that problem, I don't think you can do anything. Reason being using any other type of positioning would just get it working in yours and most likely way off in others.

There was also this one , but I think this one repeats your images:

CODE

<style type="text/css">body div table td td {height:500px; vertical-align: bottom; background-image:url(IMAGEHERE); background-repeat:no-repeat; background-position: center center;}</style>