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 4 of 4
  1. #1
    Regular Coder
    Join Date
    Dec 2006
    Posts
    177
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Page not showing when putting a doctype

    I copied this from a myspace layout guys.
    I Have A problem. When I Put a doctype on my page, the page goes blank.

    Here is my code:
    Code:
    <html><head>
    <style type="text/css">
    
    
    table {visibility:hidden;}
    
    
    div table tbody tr td a.navbar,
    
    
    table tr td script {visibility:visible !important}
    
    
    table tbody tr td a.navbar,
    table tbody tr td input,
    table tbody tr td font
    {visibility:visible;}
    
    
    body table td {background-color: transparent;}
    
    
    table tbody table tbody td {visibility:hidden;}
    
    
    table tr td div div{display:none;}
    
    
    div table tbody tr td form input,
    div table tbody tr td a img,
    div table tbody tr td div a,
    div table tbody tr td
    {visibility: visible !important; color:red;}
    
    a, a.man, a:link,
    a:visited{font-family: terminal; font-color: white; font-size:7pt; font-weight:normal;
     text-decoration:none; font-style:normal; line-height: 15px; text-transform: lowercase;}
    a:active, a:hover{font-family: terminal; color:white; text-transform:lowercase; font-size:7pt; font-weight:normal; text-decoration:underline; font-style:normal; line-height: 15px;}td, table, tr, span, li, p, div, textarea,
     DIV {font-family:terminal; color:white; font-weight:normal; font-decoration:none;
    font-style:normal; line-height: 15px;background-color:transparent} td, li, p, div, textarea {font-family: terminal;  border-color:black; line-height: 15px} table{border-color:339999}a.navbar{font-family:terminal;  font-size:7pt; font-weight:normal; line-height: 15px} a.navbar:link{color:black;} a.navbar:active{color:ff6ccc;} a.navbar:visited{color:black;} a.navbar:hover{color:ff6ccc;}a.searchlinkSmall{font-family:terminal; 
    font-size:7pt; text-decoration:none; font-weight:normal;; line-height: 15px} a.searchl
    inkSmall:link{color:339999} a.searchlinkSmall:active{color:000000} a.searchlinkSmall:visited{color:339999}
    a.searchlinkSmall:hover{color:000000}body{font-family:terminal; background-color
    :white;; background-attachment:fixed; background-color: white; background-position: bottom right;}.nametext{font-family:rockwell;font-size:18pt;color:990066; font-weight:bold;}.blacktext10{font-family:terminal;  font-size:10pt; color:339999; font-weight:normal;}.339999{font-family:terminal; font-size:8pt; color:339999; font-weight:normal; line-height: 15px}.btext, .itext,
     .text{font-family:terminal, arial, times new roman;font-size:8pt; color:339999;
     font-weight:normal; line-height: 15px} .orangetext15{font-family:terminal;
     color:339999; font-weight:normal; line-height: 15px}.lightbluetext8{font-family:terminal;  font-size:8pt; color:339999; font-weight:normal; line-height: 15px}.tmz_imp{font-family:arial;color:FF0000;font-weight:bold}a img{}a:hover img{}body{scrollbar-arrow-color:white;scrollbar-Track-Color:white;scrollbar-Highlight-Color:white;scrollbar-base-color:white;scrollbar-Face-Color:ff6ccc;scrollbar-Shadow-Color:white;scrollbar-DarkShadow-Color:white}
    
    body {background:white;}
    
    </style>
    <style>
    
    .background {background-color:white;
    position: absolute;
    left: 50% ;
    top: 190px;
    margin-left:-400px;
    width: 830px;
    height: 200px;
    z-index:0;
    visibility:visible !important;
    overflow:none;}
    
    .box1 {background-color:ff6ccc;
    position: absolute;
    left: 50% ;
    top: 190px;
    margin-left:-300px;
    width: 282px;
    height: 19px;
    z-index:1;
    visibility:visible !important;
    overflow:auto; border:0px solid b}
    
    .box2 {background-color:ff6ccc;
    position: absolute;
    left: 50% ;
    top: 190px;
    margin-left:-10px;
    width: 282px;
    height: 19px;
    z-index:1;
    visibility:visible !important;
    overflow:auto; border:0px solid black}
    
    .box3 {background-color:ff6ccc;
    position: absolute;
    left: 50% ;
    top: 219px;
    margin-left: -190px;
    width: 172px;
    height: 104px;
    z-index:1;
    visibility:visible !important;
    overflow:auto; border:0px solid black}
    
    .box4 {background-color:ff6ccc;
    position: absolute;
    left: 50% ;
    top: 219px;
    margin-left:-300px;
    width: 100px;
    height: 104px;
    z-index:1;
    visibility:visible !important;
    overflow:auto; border:0px solid black}
    
    .box5 {background-color:ff6ccc;
    position: absolute;
    left: 50% ;
    top: 333px;
    margin-left:-300px;
    width: 282px;
    height: 19px;
    z-index:1;
    visibility:visible !important;
    overflow:auto; border:0px solid black}
    
    .box6 {background-color:ff6ccc;
    position: absolute;
    left: 50% ;
    top: 362px;
    margin-left:-300px;
    width: 282px;
    height: 120px;
    z-index:1;
    visibility:visible !important;
    overflow:auto; border:0px solid black}
    
    .box7 {background-color:ff6ccc;
    position: absolute;
    left: 50% ;
    top: 492px;
    margin-left:-300px;
    width: 282px;
    height: 19px;
    z-index:1;
    visibility:visible !important;
    overflow:auto; border:0px solid black}
    
    .box8 {background-color:ff6ccc;
    position: absolute;
    left: 50% ;
    top: 521px;
    margin-left:-300px;
    width: 282px;
    height: 120px;
    z-index:1;
    visibility:visible !important;
    overflow:auto; border:0px solid black}
    
    .box9 {background-color:ff6ccc;
    position: absolute;
    left: 50% ;
    top: 219px;
    margin-left:-10px;
    width: 282px;
    height: 390px;
    z-index:1;
    visibility:visible !important;
    overflow:auto; border:0px solid black}
    
    .box10 {background-color:ff6ccc;
    position: absolute;
    left: 50% ;
    top: 619px;
    margin-left:-10px;
    width: 282px;
    height: 19px;
    z-index:1;
    visibility:visible !important;
    overflow:auto; border:0px solid black}
    
     
    
    </style>
    </head>
    <body>
    <div class="background">
    
    </div>
    <div class="box1">
    
    ALL STUFF YOU WANT IN BOX 1 HERE
    
    </div>
    <div class="box2">
    
    ALL STUFF YOU WANT IN BOX 2 HERE
    
    </div>
    <div class="box3">
    
    ALL STUFF YOU WANT IN BOX 3 HERE
    
    </div>
    <div class="box4">
    
    ALL STUFF YOU WANT IN BOX 4 HERE
    
    </div>
    
    <div class="box5">
    ALL STUFF YOU WANT IN BOX 5 HERE
    </div>
    
    <div class="box6">
    ALL STUFF YOU WANT IN BOX 6 HERE
    </div>
    
    <div class="box7">
    ALL STUFF YOU WANT IN BOX 7 HERE
    </div>
    
    <div class="box8">
    ALL STUFF YOU WANT IN BOX 8 HERE
    </div>
    
    <div class="box9">
    ALL STUFF YOU WANT IN BOX 9 HERE
    </div>
    
    <div class="box10">
    ALL STUFF YOU WANT IN BOX 10 HERE
    </div>
    </body></html>
    Here Is it...with a doctype.
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
    
        <style type="text/css">
    /*<![CDATA[*/
    
    
        table {visibility:hidden;}
    
    
        div table tbody tr td a.navbar,
    
    
        table tr td script {visibility:visible !important}
    
    
        table tbody tr td a.navbar,
        table tbody tr td input,
        table tbody tr td font
        {visibility:visible;}
    
    
        body table td {background-color: transparent;}
    
    
        table tbody table tbody td {visibility:hidden;}
    
    
        table tr td div div{display:none;}
    
    
        div table tbody tr td form input,
        div table tbody tr td a img,
        div table tbody tr td div a,
        div table tbody tr td
        {visibility: visible !important; color:red;}
    
        a, a.man, a:link,
        a:visited{font-family: terminal; font-color: white; font-size:7pt; font-weight:normal;
        text-decoration:none; font-style:normal; line-height: 15px; text-transform: lowercase;}
        a:active, a:hover{font-family: terminal; color:white; text-transform:lowercase; font-size:7pt; font-weight:normal; text-decoration:underline; font-style:normal; line-height: 15px;}td, table, tr, span, li, p, div, textarea,
        DIV {font-family:terminal; color:white; font-weight:normal; font-decoration:none;
        font-style:normal; line-height: 15px;background-color:transparent} td, li, p, div, textarea {font-family: terminal;  border-color:black; line-height: 15px} table{border-color:339999}a.navbar{font-family:terminal;  font-size:7pt; font-weight:normal; line-height: 15px} a.navbar:link{color:black;} a.navbar:active{color:ff6ccc;} a.navbar:visited{color:black;} a.navbar:hover{color:ff6ccc;}a.searchlinkSmall{font-family:terminal; 
        font-size:7pt; text-decoration:none; font-weight:normal;; line-height: 15px} a.searchl
        inkSmall:link{color:339999} a.searchlinkSmall:active{color:000000} a.searchlinkSmall:visited{color:339999}
        a.searchlinkSmall:hover{color:000000}body{font-family:terminal; background-color
        :white;; background-attachment:fixed; background-color: white; background-position: bottom right;}.nametext{font-family:rockwell;font-size:18pt;color:990066; font-weight:bold;}.blacktext10{font-family:terminal;  font-size:10pt; color:339999; font-weight:normal;}.339999{font-family:terminal; font-size:8pt; color:339999; font-weight:normal; line-height: 15px}.btext, .itext,
        .text{font-family:terminal, arial, times new roman;font-size:8pt; color:339999;
        font-weight:normal; line-height: 15px} .orangetext15{font-family:terminal;
        color:339999; font-weight:normal; line-height: 15px}.lightbluetext8{font-family:terminal;  font-size:8pt; color:339999; font-weight:normal; line-height: 15px}.tmz_imp{font-family:arial;color:FF0000;font-weight:bold}a img{}a:hover img{}body{scrollbar-arrow-color:white;scrollbar-Track-Color:white;scrollbar-Highlight-Color:white;scrollbar-base-color:white;scrollbar-Face-Color:ff6ccc;scrollbar-Shadow-Color:white;scrollbar-DarkShadow-Color:white}
    
        body {background:white;}
    
        /*]]>*/
        </style>
        <style type="text/css">
    /*<![CDATA[*/
    
        .background {background-color:white;
        position: absolute;
        left: 50% ;
        top: 190px;
        margin-left:-400px;
        width: 830px;
        height: 200px;
        z-index:0;
        visibility:visible !important;
        overflow:none;}
    
        .box1 {background-color:ff6ccc;
        position: absolute;
        left: 50% ;
        top: 190px;
        margin-left:-300px;
        width: 282px;
        height: 19px;
        z-index:1;
        visibility:visible !important;
        overflow:auto; border:0px solid b}
    
        .box2 {background-color:ff6ccc;
        position: absolute;
        left: 50% ;
        top: 190px;
        margin-left:-10px;
        width: 282px;
        height: 19px;
        z-index:1;
        visibility:visible !important;
        overflow:auto; border:0px solid black}
    
        .box3 {background-color:ff6ccc;
        position: absolute;
        left: 50% ;
        top: 219px;
        margin-left: -190px;
        width: 172px;
        height: 104px;
        z-index:1;
        visibility:visible !important;
        overflow:auto; border:0px solid black}
    
        .box4 {background-color:ff6ccc;
        position: absolute;
        left: 50% ;
        top: 219px;
        margin-left:-300px;
        width: 100px;
        height: 104px;
        z-index:1;
        visibility:visible !important;
        overflow:auto; border:0px solid black}
    
        .box5 {background-color:ff6ccc;
        position: absolute;
        left: 50% ;
        top: 333px;
        margin-left:-300px;
        width: 282px;
        height: 19px;
        z-index:1;
        visibility:visible !important;
        overflow:auto; border:0px solid black}
    
        .box6 {background-color:ff6ccc;
        position: absolute;
        left: 50% ;
        top: 362px;
        margin-left:-300px;
        width: 282px;
        height: 120px;
        z-index:1;
        visibility:visible !important;
        overflow:auto; border:0px solid black}
    
        .box7 {background-color:ff6ccc;
        position: absolute;
        left: 50% ;
        top: 492px;
        margin-left:-300px;
        width: 282px;
        height: 19px;
        z-index:1;
        visibility:visible !important;
        overflow:auto; border:0px solid black}
    
        .box8 {background-color:ff6ccc;
        position: absolute;
        left: 50% ;
        top: 521px;
        margin-left:-300px;
        width: 282px;
        height: 120px;
        z-index:1;
        visibility:visible !important;
        overflow:auto; border:0px solid black}
    
        .box9 {background-color:ff6ccc;
        position: absolute;
        left: 50% ;
        top: 219px;
        margin-left:-10px;
        width: 282px;
        height: 390px;
        z-index:1;
        visibility:visible !important;
        overflow:auto; border:0px solid black}
    
        .box10 {background-color:ff6ccc;
        position: absolute;
        left: 50% ;
        top: 619px;
        margin-left:-10px;
        width: 282px;
        height: 19px;
        z-index:1;
        visibility:visible !important;
        overflow:auto; border:0px solid black}
    
    
    
        /*]]>*/
        </style>
        <title></title>
      </head>
      <body>
    
        <div class="background"></div>
        <div class="box1">
          ALL STUFF YOU WANT IN BOX 1 HERE
        </div>
        <div class="box2">
          ALL STUFF YOU WANT IN BOX 2 HERE
        </div>
        <div class="box3">
          ALL STUFF YOU WANT IN BOX 3 HERE
        </div>
    
        <div class="box4">
          ALL STUFF YOU WANT IN BOX 4 HERE
        </div>
        <div class="box5">
          ALL STUFF YOU WANT IN BOX 5 HERE
        </div>
        <div class="box6">
          ALL STUFF YOU WANT IN BOX 6 HERE
        </div>
        <div class="box7">
    
          ALL STUFF YOU WANT IN BOX 7 HERE
        </div>
        <div class="box8">
          ALL STUFF YOU WANT IN BOX 8 HERE
        </div>
        <div class="box9">
          ALL STUFF YOU WANT IN BOX 9 HERE
        </div>
        <div class="box10">
          ALL STUFF YOU WANT IN BOX 10 HERE
        </div>
    
      </body>
    </html>

  • #2
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,387
    Thanks
    32
    Thanked 288 Times in 282 Posts
    HTML documents without a document type declaration display in “quirks mode”, where certain code errors are ignored; it’s assumed that, if you can’t be bothered to add such a declaration, then you can’t be bothered to write correct code. When you add the declaration, suddenly those flaws are not ignored and your code executes correctly. For example, the correct way to interpret the hexadecimal color code “ff6ccc” is to ignore it since it is written incorrectly; it should be preceded by a number sign (#ff6ccc). As it is, your text is displaying in the color white on top of a white background; I suspect that this is the reason.

    Your CSS contains other errors too. You should run your style sheets through a validator.

    I would also strongly recommend against using an XHTML DTD unless you plan to use an XHTML/XML file extension to suggest the correct media type (*.xht, *.xhtml, *.xml). Since Internet Explorer doesn’t support (real) XHTML, you probably don’t want to do that. HTML 4.01 document type declarations, as found here, would likely be more appropriate.
    Last edited by Arbitrator; 05-11-2007 at 03:12 AM. Reason: I misused a term; I corrected it.
    For every complex problem, there is an answer that is clear, simple, and wrong.

  • #3
    Regular Coder
    Join Date
    Dec 2006
    Posts
    177
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Ok thanks arbitrator, that's all that I need.

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    BTW adding a doctype using the boxes myspaces allows you to use will likely mess up things any more. The doctype needs to at the very top of the document.
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

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