...

View Full Version : Page not showing when putting a doctype



nolvorite
05-11-2007, 02:33 AM
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:


<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.


<!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>

Arbitrator
05-11-2007, 03:08 AM
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 (http://jigsaw.w3.org/css-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 (http://www.w3.org/QA/2002/04/valid-dtd-list.html), would likely be more appropriate.

nolvorite
05-11-2007, 03:09 AM
Ok thanks arbitrator, that's all that I need.

_Aerospace_Eng_
05-11-2007, 03:29 AM
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum