Need help with my Musician(Artist) Myspage Page ( Div Overlay Banner)

Discussion in 'Software' started by lestblight, Feb 7, 2009.

  1. lestblight

    lestblight Private E-2

    Hi all.. thanks in advance for your time and help.

    Im building my my music page and i need help centering my banner.

    I have some code to create some space between the top and the ads and i have inserted the banner inbetween .

    Problem is when i look at it onmy 32" screen its off center
    but when i look at it on my 17" screen its fine.

    i want the image in the middle to adjust to every monitor.. but im not sure how to do this.

    this is an example of what i want.. http://www.myspace.com/godforbid

    its centered right in there.


    here is teh code im using.

    <div class="masthead"><span></span></div>

    <style>
    body {margin-top: 700px; }
    </style>

    <style>
    .masthead {width: 920px; height: 540px;
    position: absolute; margin-left: 35px; left: 0%; top: 10px;
    background-image:url(http://www.lestblight.com/music/RHART/sample3.JPG);}

    </style>
    </style>
    <style type="text/css">
    table, tr, td { background-color:transparent; border:none; border-width:0;}body {background-color:Black;}</style>
    <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UtY29kZS5vcmcv" target="_blank"></a><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UtY29kZS5vcmcv"></a>



    <style type="text/css">


    body{




    scrollbar-track-color: ;

    scrollbar-face-color: EAF2F1;

    scrollbar-3dlight-color: EFEFEF;

    scrollbar-highlight-color: FFFFFF;

    scrollbar-darkshadow-color: ;

    scrollbar-shadow-color: ;

    scrollbar-arrow-color: ;


    }


    .ultgen { Table Properties }

    table table { border: 0px }

    table table table table{border:0px}

    table, tr, td { background-color:transparent; border:none; border-width:0;}

    table table table {
    border-style:solid;
    border-width:3px;
    border-color:111111;
    background-color:070707;
    }

    .ultgen { Text Properties }

    table, tr, td, li, p, div { font-family:courier new; color:AFAFAF; font-size:10px;}

    .btext { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}

    .blacktext10 { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}

    .blacktext12 { font-family:courier new; color:AFAFAF; font-size:12px; font-weight:bold;}

    .lightbluetext8 { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}

    .orangetext15 { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}

    .redtext { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}

    .redbtext { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}

    .text { font-family:courier new; color:AFAFAF; font-size:10px;}

    .whitetext12 { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}

    .nametext { font-family:courier new; color:F2F2F2; font-size:16px; font-weight:bold;}

    a:active, a:visited, a:link { font-family:courier new; color:AFAFAF; font-size:10px; text-decoration: none;}

    a:hover { font-family:courier new; color:AFAFAF; font-size:10px; text-decoration: underline ;}

    a.navbar:active, a.navbar:visited, a.navbar:link { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold; text-decoration: none;}

    a.navbar:hover { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold; text-decoration: underline ;}

    a.redlink:active, a.redlink:visited, a.redlink:link { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold; text-decoration: none;}

    a.redlink:hover { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold; text-decoration: underline ;}




    .blacktext12 { visibility:hidden; display:none; }

    tr {background:transparent;}

    body table div font a, body table div div {visbility:hidden;}

    body table table div font a, body table table div div {visibility:visible;}



    div table tr td font {visibility:hidden;}

    div table table tr td font {visibility:visible;}



    </style>
     
  2. lestblight

    lestblight Private E-2

  3. PC-XT

    PC-XT Master Sergeant

    I condensed the code a little. I think this should work: (using margin:0 auto; )
    Code:
    <div class="masthead"><span></span></div>
    <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UtY29kZS5vcmcv" target="_blank"></a><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UtY29kZS5vcmcv"></a>
    <style type="text/css">
    body {margin-top: 700px; }
    .masthead {width: 920px; height: 540px; margin:0 auto; top: 10px;
    background-image:url(http://www.lestblight.com/music/RHART/sample3.JPG);}
    table, tr, td { background-color:transparent; border:none; border-width:0;}body {background-color:Black;}
    body{
    scrollbar-track-color: ;
    scrollbar-face-color: EAF2F1;
    scrollbar-3dlight-color: EFEFEF;
    scrollbar-highlight-color: FFFFFF;
    scrollbar-darkshadow-color: ;
    scrollbar-shadow-color: ;
    scrollbar-arrow-color: ;
    }
    .ultgen { Table Properties }
    table table { border: 0px }
    table table table table{border:0px}
    table, tr, td { background-color:transparent; border:none; border-width:0;}
    table table table {
    border-style:solid;
    border-width:3px;
    border-color:111111;
    background-color:070707;
    }
    .ultgen { Text Properties }
    table, tr, td, li, p, div { font-family:courier new; color:AFAFAF; font-size:10px;}
    .btext { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}
    .blacktext10 { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}
    .blacktext12 { font-family:courier new; color:AFAFAF; font-size:12px; font-weight:bold;}
    .lightbluetext8 { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}
    .orangetext15 { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}
    .redtext { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}
    .redbtext { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}
    .text { font-family:courier new; color:AFAFAF; font-size:10px;}
    .whitetext12 { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}
    .nametext { font-family:courier new; color:F2F2F2; font-size:16px; font-weight:bold;}
    a:active, a:visited, a:link { font-family:courier new; color:AFAFAF; font-size:10px; text-decoration: none;}
    a:hover { font-family:courier new; color:AFAFAF; font-size:10px; text-decoration: underline ;}
    a.navbar:active, a.navbar:visited, a.navbar:link { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold; text-decoration: none;}
    a.navbar:hover { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold; text-decoration: underline ;}
    a.redlink:active, a.redlink:visited, a.redlink:link { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold; text-decoration: none;}
    a.redlink:hover { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold; text-decoration: underline ;}
    .blacktext12 { visibility:hidden; display:none; }
    tr {background:transparent;}
    body table div font a, body table div div {visbility:hidden;}
    body table table div font a, body table table div div {visibility:visible;}
    div table tr td font {visibility:hidden;}
    div table table tr td font {visibility:visible;}
    </style>
    BTW, those links at the top have no clickable part. They were in the middle of your code.
     

MajorGeeks.Com Menu

Downloads All In One Tweaks \ Android \ Anti-Malware \ Anti-Virus \ Appearance \ Backup \ Browsers \ CD\DVD\Blu-Ray \ Covert Ops \ Drive Utilities \ Drivers \ Graphics \ Internet Tools \ Multimedia \ Networking \ Office Tools \ PC Games \ System Tools \ Mac/Apple/Ipad Downloads

Other News: Top Downloads \ News (Tech) \ Off Base (Other Websites News) \ Way Off Base (Offbeat Stories and Pics)

Social: Facebook \ YouTube \ Twitter \ Tumblr \ Pintrest \ RSS Feeds