Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New to the CF scene
    Join Date
    Jan 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation MySpace DIV/CSS Problem. Pls Help.

    Hi,

    I am helping a musician friend of mine with his profile and I found a cool layout on Nas' MySpace page.

    I changed some things and re-did the graphics and I basically popped my Image URLS where the ones were in Nas' profile code.

    Something strange is happening tho. When I try to preview the layout, the entire profile is all covered up. My images show, but all the other elements have disappeared.

    I am not sure where in the CSS I put in this is being caused.


    In fact I tried copying all of Nas' code into my friends profile (it goes in the Biography section) and the same thing happened. All the images cover over the profile stuff (except the main MySpace header and navigation)

    How did they make the things like the contact table, friends, profile image, comments, music player etc. all show in Nas' profile? I am totally stumped!
    Here is the link to Nas' profile
    http://www.myspace.com/nas

    I can't even save the changes to my friends profile to show you because all the links are covered up and I can't submit the changes.

    Here is the code I used:
    Code:
    <style type="text/css">
    body {margin-top: 0;}
    div.header {position: absolute;top: 210px;left: 50%; margin-left: -422px; width: px; height: 0px;}
    </style>
    
    <div class="header"><center>
      <a href="http://www.davesereny.com"><img src="http://img207.imageshack.us/img207/3153/header6ht.jpg" alt="Dave Sereny" width="846" height="318" border="0"></a></center></div>
      
    <style type="text/css">
    td, table, tr, span, li, p, div, textarea, DIV {color:ffffff;} 
    body {font-size: 1px; line-height: 1px;background-color:000000; font-family: Verdana, Arial, sans-serif; background-repeat: repeat-y; background-position: top center; background-image: url(http://img208.imageshack.us/img208/4802/bg9mn.jpg);}
    
    p {margin: 0px 0px 1em 0px; font-family: Verdana, sans-serif !important}
    
    a, a:link, a:visited {color:c0c0c0; text-decoration: none;}
    
    a:hover {color:ffffff; text-decoration: none}
    
    img {border: none}
    
    br {line-height: 20px;}
    
    form {border-width:0px;background-color:none;}
    
    input {background-color:transparent !important}
    
    body>div {margin-left: 10px;}
    
    table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}
    
    table table table td {background-color:transparent;margin:0px;padding: 0 26px 15px 26px}
    
    table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}
    
    table table table table td {padding:0px;margin:0px;}
    
    table table table {margin:0px; background-color:000000; width: 100% !important; border-width: 3px; border-style: double; border-color: 000000;}
    
    .masthead {width: 870px; height: 18px; position: absolute; margin-left: -434px; left: 50%; top: 519px; background-image: url(http://www.mbstia.com/myspace/bullet.gif);}
    
    body table {margin-top:330px;}
    
    body td table, body div table {margin-top: 0;}
    
    font {color:ffffff;font-size:10px}
    
    a font:hover {color:c0c0c0}
    
    a.navbar:link, a.navbar:visited {color:c0c0c0}
    
    a.navbar:hover {color:ffffff}
    
    table tr td table tr td font {display: inline;}
    
    table tr td table a.navbar {font-size: 10px;}
    
    .text {color:ffffff;font-size:11px}
    
    a.text:link, a.text:visited {color:c0c0c0}
    
    a.text:hover {color:ffffff}
    
    .nametext {background-image: url(http://img208.imageshack.us/img208/5936/nametext4jt.jpg); background-position: bottom center; background-repeat: no-repeat; overflow: hidden; height: 161px; width: 195px; font-size: 1px; text-align: left; color: 000000; padding: 0px 0px 3px 0px; display: block; margin: 14px 0px 8px 0px; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000;}
    
    .contactTable {width: 328px !important;}
    
    .contactTable td {padding: 0px; margin: 0px; text-align: center;}
    
    .contactTable span.whitetext12 {position: relative; left: 10px;}
    
    .contactTable td table {background-color: transparent; background-image: url(http://www.mbstia.com/myspace/menu.gif); background-position: center; background-repeat: no-repeat;}
    
    .contactTable a {padding: 0px; margin: 0px 0px 1px 5px; display: block; height: 30px; width: 136px; background-color: transparent;}
    
    .contactTable a img, .contactTable img {border: 0px; display: none; visibility: hidden;}
    
    table tr td table tr td table tr td div strong {display: block; width: 270px;}
    
    .whitetext12 {color:797471; font-size: 12px; margin: 0px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000; width: 270px}
    
    .blacktext12 {color:797471;font-size:18px; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; display: block; margin-top: 14px}
    
    .blacktext12:before {content: "WOW! ";}
    
    .btext {color:797471 font-size: 12px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; text-align: center; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000}
    
    .orangetext15 {color:797471; font-size: 18px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000; width: 372px}
    
    .lightbluetext8 {color:797471}
    
    .redtext,.redbtext {color:797471; font-family: Georgia, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold}
    
    .redbtext:after {content: "billion";}
    
    a.redlink:link {color:797471; display: block; text-align: center; border-width: 3px 0px 0px 0px; border-style: double; border-color: 000000; padding-top: 3px;}
    
    a.redlink:visited {color:ffffff}
    
    a.redlink:hover {color:797471}
    
    u {text-decoration: none; font-size: 10px;}
    
    </style>
    
    <![if !IE]>
    
    <style type="text/css">
    
    .whitetext12 {width: auto}
    
    .contactTable {width: auto !important;}
    
    .contactTable span.whitetext12 {left: 0;}
    
    .orangetext15 {width: auto;}
    
    table table table td {padding: 0;}
    
    table table table {padding: 0 14px 14px 14px; border-color: 000000;}
    
    table table table {max-width: 423px;}
    
    .nametext {height: 35px; width: auto;}
    
    </style>
    <![endif]>
    I really need to fix this in the next couple of days. If you can help please PM me here or post here. Thanks!

  • #2
    New to the CF scene
    Join Date
    Jan 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Header is not showing now...

    OK, Now I've got most of the layout showing, but the header is hidden and I can't bring it forward. Any ideas how to bring it forward?

    The actual link to the profile is http://www.myspace.com/davesereny

    Here is the new code I used (the header part is bolded):
    Code:
    <style type='text/css'>
    
    form>img#googleTLogo
    {
    	background-image:url(http://x.myspace.com/images/powered_by_google_white.png);
    	background-repeat: no-repeat;
    }
    
    #googleTLogo
    {
    	vertical-align:bottom;
    	width:120px;
    	height:30px;
    	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://x.myspace.com/images/powered_by_google_white.png', sizingMethod='image');
    }
    
    
    
    	#musicnav {width:800px; border-bottom:1px solid #000; background-color:#990033; color:#FFFFFF;}
    	#musicnav a {color:#FFFFFF; font-weight:normal; font-size:90%; display:inline-block;}
    
    						
    body {margin-top: 0;}
    
    div.header {position: absolute;top: 210px;left: 50%; margin-left: -422px; width: px; height: 0px;}
    
    <div class="header"><center>
      <a href="http://www.davesereny.com"><img src="http://img207.imageshack.us/img207/3153/header6ht.jpg" alt="Dave Sereny" width="846" height="318" border="0"></a></center></div>
    <a href="http://www.davesereny.com" target="_blank"<div class="masthead"><span></span></div></a>
    
    td, table, tr, span, li, p, div, textarea, DIV {color:ffffff;} 
    body {font-size: 1px; line-height: 1px;background-color:000000; font-family: Verdana, Arial, sans-serif; background-repeat: repeat-y; background-position: top center; background-image: url(http://img208.imageshack.us/img208/4802/bg9mn.jpg);}
    
    p {margin: 0px 0px 1em 0px; font-family: Verdana, sans-serif !important}
    
    a, a:link, a:visited {color:c0c0c0; text-decoration: none;}
    
    a:hover {color:ffffff; text-decoration: none}
    
    img {border: none}
    
    br {line-height: 20px;}
    
    form {border-width:0px;background-color:none;}
    
    input {background-color:transparent !important}
    
    body>div {margin-left: 10px;}
    
    table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}
    
    table table table td {background-color:transparent;margin:0px;padding: 0 26px 15px 26px}
    
    table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}
    
    table table table table td {padding:0px;margin:0px;}
    
    table table table {margin:0px; background-color:000000; width: 100% !important; border-width: 3px; border-style: double; border-color: 000000;}
    
    .masthead {width: 870px; height: 18px; position: absolute; margin-left: -434px; left: 50%; top: 519px; background-image: url(http://www.mbstia.com/myspace/bullet.gif);}
    
    body table {margin-top:330px;}
    
    body td table, body div table {margin-top: 0;}
    
    font {color:ffffff;font-size:10px}
    
    a font:hover {color:c0c0c0}
    
    a.navbar:link, a.navbar:visited {color:c0c0c0}
    
    a.navbar:hover {color:ffffff}
    
    table tr td table tr td font {display: inline;}
    
    table tr td table a.navbar {font-size: 10px;}
    
    .text {color:ffffff;font-size:11px}
    
    a.text:link, a.text:visited {color:c0c0c0}
    
    a.text:hover {color:ffffff}
    
    .nametext {background-image: url(http://img208.imageshack.us/img208/5936/nametext4jt.jpg); background-position: bottom center; background-repeat: no-repeat; overflow: hidden; height: 143px; width: 195px; font-size: 1px; text-align: left; color: 000000; padding: 0px 0px 3px 0px; display: block; margin: 14px 0px 8px 0px; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000;}
    
    .contactTable {width: 328px !important;}
    
    .contactTable td {padding: 0px; margin: 0px; text-align: center;}
    
    .contactTable span.whitetext12 {position: relative; left: 10px;}
    
    .contactTable td table {background-color: transparent; background-image: url(http://www.mbstia.com/myspace/menu.gif); background-position: center; background-repeat: no-repeat;}
    
    .contactTable a {padding: 0px; margin: 0px 0px 1px 5px; display: block; height: 30px; width: 136px; background-color: transparent;}
    
    .contactTable a img, .contactTable img {border: 0px; display: none; visibility: hidden;}
    
    table tr td table tr td table tr td div strong {display: block; width: 270px;}
    
    .whitetext12 {color:797471; font-size: 12px; margin: 0px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000; width: 270px}
    
    .blacktext12 {color:797471;font-size:18px; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; display: block; margin-top: 14px}
    
    .blacktext12:before {content: "WOW!";}
    
    .btext {color:797471 font-size: 12px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; text-align: center; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000}
    
    .orangetext15 {color:797471; font-size: 18px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000; width: 372px}
    
    .lightbluetext8 {color:797471}
    
    .redtext,.redbtext {color:797471; font-family: Georgia, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold}
    
    .redbtext:after {content: "awesome";}
    
    a.redlink:link {color:797471; display: block; text-align: center; border-width: 3px 0px 0px 0px; border-style: double; border-color: 000000; padding-top: 3px;}
    
    a.redlink:visited {color:ffffff}
    
    a.redlink:hover {color:797471}
    
    u {text-decoration: none; font-size: 10px;}
    
    </style>
    
    <![if !IE]>
    
    <style type="text/css">
    
    .whitetext12 {width: auto}
    
    .contactTable {width: auto !important;}
    
    .contactTable span.whitetext12 {left: 0;}
    
    .orangetext15 {width: auto;}
    
    table table table td {padding: 0;}
    
    table table table {padding: 0 14px 14px 14px; border-color: 000000;}
    
    table table table {max-width: 423px;}
    
    .nametext {height: 35px; width: auto;}
    
    </style>
    <![endif]>
    
    <style type="text/css"> .contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url("http://img207.imageshack.us/img207/8880/contacttable5xh.jpg"); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;} .contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;} .contactTable a img {visibility:hidden; border:0px!important;} .contactTable a {display:block; height:28px; width:115px;} .contactTable .text {font-size:1px!important;}.contactTable .text, .contactTable a, .contactTable img {filter:none!important;}
    
    a .text 
     {
    	font-weight: bold;
    	font-family: Arial, Helvetica, sans-serif;
     }
    
    
    	body, html {visibility:visible !important; display:block !important}
    
    </style>

  • #3
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    That's because you have html elements in your style sheet. You cannot put html markup in your style sheet. You will have to move this part and put it after your opening <body>-tag.
    Code:
    <div class="header"><center>
      <a href="http://www.davesereny.com"><img src="http://img207.imageshack.us/img207/3153/header6ht.jpg" alt="Dave Sereny" width="846" height="318" border="0"></a></center></div>
    <a href="http://www.davesereny.com" target="_blank"<div class="masthead"><span></span></div></a>

  • #4
    New to the CF scene
    Join Date
    Jan 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question It Totally Messes up...

    Hi Koyama,

    I did what you suggested, but when I do that it totally screws up the profile.
    http://www.mysapce.com/davesereny

    I'm not sure what to do. Here is the new way I put the code:
    Code:
    div.header {position: absolute;top: 210px;left: 50%; margin-left: -422px; width: px; height: 0px;}
    
    <div class="header"><center>
      <a href="http://www.davesereny.com"><img src="http://img207.imageshack.us/img207/3153/header6ht.jpg" alt="Dave Sereny" width="846" height="318" border="0"></a></center></div>
    <a href="http://www.davesereny.com" target="_blank"<div class="masthead"><span></span></div></a>
    
    <style type='text/css'>
    
    form>img#googleTLogo
    {
    	background-image:url(http://x.myspace.com/images/powered_by_google_white.png);
    	background-repeat: no-repeat;
    }
    
    #googleTLogo
    {
    	vertical-align:bottom;
    	width:120px;
    	height:30px;
    	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://x.myspace.com/images/powered_by_google_white.png', sizingMethod='image');
    }
    
    
    
    	#musicnav {width:800px; border-bottom:1px solid #000; background-color:#990033; color:#FFFFFF;}
    	#musicnav a {color:#FFFFFF; font-weight:normal; font-size:90%; display:inline-block;}
    
    						
    body {margin-top: 0;}
    
    td, table, tr, span, li, p, div, textarea, DIV {color:ffffff;} 
    body {font-size: 1px; line-height: 1px;background-color:000000; font-family: Verdana, Arial, sans-serif; background-repeat: repeat-y; background-position: top center; background-image: url(http://img208.imageshack.us/img208/4802/bg9mn.jpg);}
    
    p {margin: 0px 0px 1em 0px; font-family: Verdana, sans-serif !important}
    
    a, a:link, a:visited {color:c0c0c0; text-decoration: none;}
    
    a:hover {color:ffffff; text-decoration: none}
    
    img {border: none}
    
    br {line-height: 20px;}
    
    form {border-width:0px;background-color:none;}
    
    input {background-color:transparent !important}
    
    body>div {margin-left: 10px;}
    
    table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}
    
    table table table td {background-color:transparent;margin:0px;padding: 0 26px 15px 26px}
    
    table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}
    
    table table table table td {padding:0px;margin:0px;}
    
    table table table {margin:0px; background-color:000000; width: 100% !important; border-width: 3px; border-style: double; border-color: 000000;}
    
    .masthead {width: 870px; height: 18px; position: absolute; margin-left: -434px; left: 50%; top: 519px; background-image: url(http://www.mbstia.com/myspace/bullet.gif);}
    
    body table {margin-top:330px;}
    
    body td table, body div table {margin-top: 0;}
    
    font {color:ffffff;font-size:10px}
    
    a font:hover {color:c0c0c0}
    
    a.navbar:link, a.navbar:visited {color:c0c0c0}
    
    a.navbar:hover {color:ffffff}
    
    table tr td table tr td font {display: inline;}
    
    table tr td table a.navbar {font-size: 10px;}
    
    .text {color:ffffff;font-size:11px}
    
    a.text:link, a.text:visited {color:c0c0c0}
    
    a.text:hover {color:ffffff}
    
    .nametext {background-image: url(http://img208.imageshack.us/img208/5936/nametext4jt.jpg); background-position: bottom center; background-repeat: no-repeat; overflow: hidden; height: 143px; width: 195px; font-size: 1px; text-align: left; color: 000000; padding: 0px 0px 3px 0px; display: block; margin: 14px 0px 8px 0px; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000;}
    
    .contactTable {width: 328px !important;}
    
    .contactTable td {padding: 0px; margin: 0px; text-align: center;}
    
    .contactTable span.whitetext12 {position: relative; left: 10px;}
    
    .contactTable td table {background-color: transparent; background-image: url(http://www.mbstia.com/myspace/menu.gif); background-position: center; background-repeat: no-repeat;}
    
    .contactTable a {padding: 0px; margin: 0px 0px 1px 5px; display: block; height: 30px; width: 136px; background-color: transparent;}
    
    .contactTable a img, .contactTable img {border: 0px; display: none; visibility: hidden;}
    
    table tr td table tr td table tr td div strong {display: block; width: 270px;}
    
    .whitetext12 {color:797471; font-size: 12px; margin: 0px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000; width: 270px}
    
    .blacktext12 {color:797471;font-size:18px; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; display: block; margin-top: 14px}
    
    .blacktext12:before {content: "WOW!";}
    
    .btext {color:797471 font-size: 12px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; text-align: center; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000}
    
    .orangetext15 {color:797471; font-size: 18px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000; width: 372px}
    
    .lightbluetext8 {color:797471}
    
    .redtext,.redbtext {color:797471; font-family: Georgia, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold}
    
    .redbtext:after {content: "awesome";}
    
    a.redlink:link {color:797471; display: block; text-align: center; border-width: 3px 0px 0px 0px; border-style: double; border-color: 000000; padding-top: 3px;}
    
    a.redlink:visited {color:ffffff}
    
    a.redlink:hover {color:797471}
    
    u {text-decoration: none; font-size: 10px;}
    
    </style>
    
    <![if !IE]>
    
    <style type="text/css">
    
    .whitetext12 {width: auto}
    
    .contactTable {width: auto !important;}
    
    .contactTable span.whitetext12 {left: 0;}
    
    .orangetext15 {width: auto;}
    
    table table table td {padding: 0;}
    
    table table table {padding: 0 14px 14px 14px; border-color: 000000;}
    
    table table table {max-width: 423px;}
    
    .nametext {height: 35px; width: auto;}
    
    </style>
    <![endif]>
    
    <style type="text/css"> .contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url("http://img207.imageshack.us/img207/8880/contacttable5xh.jpg"); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;} .contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;} .contactTable a img {visibility:hidden; border:0px!important;} .contactTable a {display:block; height:28px; width:115px;} .contactTable .text {font-size:1px!important;}.contactTable .text, .contactTable a, .contactTable img {filter:none!important;}
    
    a .text 
     {
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
     }
    
    
    	body, html {visibility:visible !important; display:block !important}
    
    </style>

  • #5
    New to the CF scene
    Join Date
    Jan 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question

    I also tried moving this down within the style sheet below the HTML:
    Code:
    div.header {position: absolute;top: 210px;left: 50%; margin-left: -422px; width: px; height: 0px;}
    What it did was put the header in the right spot, but everything in the profile is covered over with the background and I can't even submit the changes because the submit changes button is covered over.

    What did I do wrong?

  • #6
    Regular Coder croatiankid's Avatar
    Join Date
    Jan 2006
    Posts
    665
    Thanks
    1
    Thanked 12 Times in 12 Posts
    <![if !IE]>
    that's not a comment.

  • #7
    New to the CF scene
    Join Date
    Jan 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by croatiankid View Post
    <![if !IE]>
    that's not a comment.
    OK how would I do it right... do I even need that?

  • #8
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Style rules and body elements are two different things and should not be mixed. Style rules are always enclosed within these tags: <style type="text/css">...</style> and belong in the top of the document in the <head>...</head> portion. Look in the sticky section to find some tutorials on this.

    The snippet of code that is the problem is this:

    Code:
    div.header {position: absolute;top: 210px;left: 50%; margin-left: -422px; width: px; height: 0px;}
    
    <div class="header"><center>
      <a href="http://www.davesereny.com"><img src="http://img207.imageshack.us/img207/3153/header6ht.jpg" alt="Dave Sereny" width="846" height="318" border="0"></a></center></div>
    <a href="http://www.davesereny.com" target="_blank"<div class="masthead"><span></span></div></a>
    Now the blue part are style rules while the red part are body elements. Move up the blue part where it originally came from (with the other style rules):
    Code:
    body {margin-top: 0;}
    
    div.header {position: absolute;top: 210px;left: 50%; margin-left: -422px; width: px; height: 0px;}
    
    td, table, tr, span, li, p, div, textarea, DIV {color:ffffff;}
    while move the red part down at the beginning of the body:
    Code:
    <body bottommargin="0" leftmargin="0" rightmargin="0" topmargin="0" style="visibility: visible; display: block;" alink="#4e607b" bgcolor="#e5e5e5" link="#4e607b" vlink="#4e607b"><form><input id="bandgenre1" value="25" type="hidden"><input id="bandgenre2" value="66" type="hidden"><input id="bandgenre3" value="124" type="hidden"></form>	
    
    <div class="header"><center>
      <a href="http://www.davesereny.com"><img src="http://img207.imageshack.us/img207/3153/header6ht.jpg" alt="Dave Sereny" width="846" height="318" border="0"></a></center></div>
    <a href="http://www.davesereny.com" target="_blank"<div class="masthead"><span></span></div></a>
    
    <iframe name="up_icLauncher" id="up_icLauncher" style="border: 1px none ; width: 0px; height: 0px;" src=""></iframe><div id="up_icNotifications" style="position: absolute; width: 550px; z-index: 9999; left: 30px; top: -200px;"></div>
    When you get this fixed, you should try to clean your code. The validator is the most important tool for doing this.

  • #9
    New to the CF scene
    Join Date
    Jan 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you Koyama, I will try this!

  • #10
    Regular Coder croatiankid's Avatar
    Join Date
    Jan 2006
    Posts
    665
    Thanks
    1
    Thanked 12 Times in 12 Posts
    it should be <!--[if !IE]><link rel="stylesheet" type="text/css" href="non-iestylesheet.css"><[endif]-->


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •