need some web programming help please

aramism

Member
Dec 2, 2006
1,506
7
38
New York, NY
www.myspace.com
hello


i'm trying to put this panoramic shot i took of my studio on the top of my myspace page i found this website which has a code generator

http://views-under-construction.blogspot.com/2007/05/custom-banner-top-myspace.html#Top


and this is the code they gave me


<i class=i>!!! Start Code To Apply Top Banner !!!!</i>
</td></tr></table>
</td></tr></table>
<a class="i" href="http://xiii.us/ms/top-banner" title="myspace top banner">
Custom top banner code by Eileen</a>
<div class="xiiiTopBanner" style="position:absolute; top:0px; left:50%; margin-top:0px; margin-left:-1046px; z-index:9 !important;visibility:visible !important; display:block !important;">
<img src="http://66.181.209.3/ARAM/studiosixmain.jpg" style="visibility:visible !important; display:block !important;">

</div>
<style>
.i {display:none;}
{!-Create space for image above body-!}
body.bodyContent, body, i i i.x {margin-top:634px;}
div.profileWidth table div ul, div.clearfix i i.i {top:794px !important;}
</style>

<table class=i><tr><td>
<table><tr><td>
<i class=i>!!! End Code To Apply Top Banner !!!</i>




now the problem i'm having is that pic is being displayed as its full size and is making the browser get big and load up the whole pic. how can i make it so that regardless of the person who is looking at my site it adjusts to their browser size???? i'm guessing it's something in the code but i don't know much about the code, i;m guessing it's java or something, or maybe just flat out html code not sure.
 
I think there's some div property that hides things that are to big to fit in the specified div size. You can specifiy hidden or scroll or something. I haven't done this shit in years so I can't remember.
 
yeah i mean there's gotta be a way. i can manually just make the pic smaller but then i run into the problem where for example my monitor is a 15.4 inch mac book pro and my screen res is 1440X900 if i size it to fit with my safari then what if someone is at like 1024x768 or something like that. how can i get to just "fit to screen" everytime

by the way this is the pic and if i shrink it too much it loses it's "wide" effect

http://66.181.209.3/ARAM/studiosixmain.jpg
 
well i seemed to have made it work and it looks great on my mac but people with windows have told me that it does not load up at the top of the site. like the gap is there for the pic but nothing loads.... i checked it myself on a pc at my friends house and it does not load. but one guy i know said it loaded on mozilla firefox so i don't know. i guess it's more that it doesn't work on IE maybe??? oh and also another person with FF said that it didn't load. so i'm not sure what the pattern is here.

this is the updated code which i put in the SOUNDS LIKE section


<i class=i>!!! Start Code To Apply Top Banner !!!!</i>
</td></tr></table>
</td></tr></table>
<a class="i" href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy90b3AtYmFubmVy" title="myspace top banner">
Custom top banner code by Eileen</a>
<div class="xiiiTopBanner" style="position:absolute; top:0px; left:50%; margin-top:0px; margin-left:-712px; z-index:9 !important;visibility:visible !important; display:block !important;">
<img src="http://66.181.209.3/ARAM/studiosixmain.jpg" style="width:100%; height:auto; visibility:visible !important; display:block !important;">

</div>
<style>
.i {display:none;}
{!-Create space for image above body-!}
body.bodyContent, body, i i i.x {margin-top:434px;}
div.profileWidth table div ul, div.clearfix i i.i {top:794px !important;}
</style>

<table class=i><tr><td>
<table><tr><td>
<i class=i>!!! End Code To Apply Top Banner !!!</i>



the website by the way is www.myspace.com/studiosixsound
 
I'm using FireFox 3.0 and it looks fine to me in different sizes:

mspacepixtest03.jpg

mspacepixtest02.jpg

mspacepixtest01.jpg
 
@Sloan



luckily i was able to get the sizing right. my main concern is that it does not load at all for some people. a few people have told me it does not load on their computer but i'm not sure why.