Scribd
Upload
182 views12 pages

Chess HTML

The document defines the layout of a fax document using CSS and HTML. It divides the fax page into sections with different IDs for background colors. Page 1 is divided into 8 sections across and 8 sections down. Page 2 mirrors the same layout as Page 1. The layout is created by nesting <div> tags with IDs for each section.

Uploaded by

Neeraj
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
182 views12 pages

Chess HTML

The document defines the layout of a fax document using CSS and HTML. It divides the fax page into sections with different IDs for background colors. Page 1 is divided into 8 sections across and 8 sections down. Page 2 mirrors the same layout as Page 1. The layout is created by nesting <div> tags with IDs for each section.

Uploaded by

Neeraj
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 12

<html>

<head>
<style>
body
{
background-color:white;
}
#outer
{
height:200px;
width:200px
}
#fax
{
height:200px;
width:200px;
background-color:black;
}
#page1
{
height:200px;
width:100px;
background-color:white;
float:right;
}
#page1i
{
height:200px;
width:50px;
background-color:black;
float:right;
}
#page1i1
{
height:200px;
width:25px;
background-color:white;
float:right;
}
#page1i1i1
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1i2
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1i1i3
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1i4
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1i1i5
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1i6
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1i1i7
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1i8
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1i1ii
{
height:200px;
width:25px;
background-color:black;
float:left;
}
#page1i1ii1
{
height:25px;
width:25px;
background-color:black;
float:right;
}

#page1i1ii2
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1ii3
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1i1ii4
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1ii5
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1i1ii6
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1ii7
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1i1ii8
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1ii
{
height:200px;
width:50px;
background-color:black;
float:left;
}
#page1i1iii
{
height:200px;
width:25px;
background-color:white;
float:right;
}
#page1i1iii1
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1iii2
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1i1iii3
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1iii4
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1i1iii5
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1iii6
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1i1iii7
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1i1iii8
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1j
{
height:200px;
width:25px;
background-color:white;
float:right;
}
#page1j1
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1j2
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1j3
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1j4
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1j5
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1j6
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page1j7
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page1j8
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2
{
height:200px;
width:100px;
background-color:black;
float:left;
}
#page2i
{
height:200px;
width:50px;
background-color:black;
float:right;
}
#page2i1
{
height:200px;
width:25px;
background-color:white;
float:right;
}
#page2i1i1
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1i2
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2i1i3
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1i4
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2i1i5
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1i6
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2i1i7
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1i8
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2i1ii
{
height:200px;
width:25px;
background-color:black;
float:left;
}
#page2i1ii1
{
height:25px;
width:25px;
background-color:black;
float:right;
}

#page2i1ii2
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1ii3
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2i1ii4
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1ii5
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2i1ii6
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1ii7
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2i1ii8
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2ii
{
height:200px;
width:50px;
background-color:black;
float:left;
}
#page2i1iii
{
height:200px;
width:25px;
background-color:white;
float:right;
}
#page2i1iii1
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1iii2
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2i1iii3
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1iii4
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2i1iii5
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1iii6
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2i1iii7
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2i1iii8
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2j
{
height:200px;
width:25px;
background-color:white;
float:right;
}
#page2j1
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2j2
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2j3
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2j4
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2j5
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2j6
{
height:25px;
width:25px;
background-color:white;
float:right;
}
#page2j7
{
height:25px;
width:25px;
background-color:black;
float:right;
}
#page2j8
{
height:25px;
width:25px;
background-color:white;
float:right;
}
</style>
</head>
<body>
<div id="outer">
<div id="fax">
<div id="page1">
<div id="page1i">
<div id="page1i1">
<div id="page1i1i1"></div>
<div id="page1i1i2"></div>
<div id="page1i1i3"></div>
<div id="page1i1i4"></div>
<div id="page1i1i5"></div>
<div id="page1i1i6"></div>
<div id="page1i1i7"></div>
<div id="page1i1i8"></div>
</div>
<div id="page1i1ii">
<div id="page1i1ii1"></div>
<div id="page1i1ii2"></div>
<div id="page1i1ii3"></div>
<div id="page1i1ii4"></div>
<div id="page1i1ii5"></div>
<div id="page1i1ii6"></div>
<div id="page1i1ii7"></div>
<div id="page1i1ii8"></div>
</div>
</div>
<div id="page1ii">
<div id="page1i1iii">
<div id="page1i1iii1"></div>
<div id="page1i1iii2"></div>
<div id="page1i1iii3"></div>
<div id="page1i1iii4"></div>
<div id="page1i1iii5"></div>
<div id="page1i1iii6"></div>
<div id="page1i1iii7"></div>
<div id="page1i1iii8"></div>
</div>
<div id="page1j">
<div id="page1j1"></div>
<div id="page1j2"></div>
<div id="page1j3"></div>
<div id="page1j4"></div>
<div id="page1j5"></div>
<div id="page1j6"></div>
<div id="page1j7"></div>
<div id="page1j8"></div>
</div>
</div>
</div>
<div id="page2">
<div id="page2i">
<div id="page2i1">
<div id="page2i1i1"></div>
<div id="page2i1i2"></div>
<div id="page2i1i3"></div>
<div id="page2i1i4"></div>
<div id="page2i1i5"></div>
<div id="page2i1i6"></div>
<div id="page2i1i7"></div>
<div id="page2i1i8"></div>
</div>
<div id="page2i1ii">
<div id="page2i1ii1"></div>
<div id="page2i1ii2"></div>
<div id="page2i1ii3"></div>
<div id="page2i1ii4"></div>
<div id="page2i1ii5"></div>
<div id="page2i1ii6"></div>
<div id="page2i1ii7"></div>
<div id="page2i1ii8"></div>
</div>
</div>
<div id="page2ii">
<div id="page2i1iii">
<div id="page2i1iii1"></div>
<div id="page2i1iii2"></div>
<div id="page2i1iii3"></div>
<div id="page2i1iii4"></div>
<div id="page2i1iii5"></div>
<div id="page2i1iii6"></div>
<div id="page2i1iii7"></div>
<div id="page2i1iii8"></div>
</div>
<div id="page2j">
<div id="page2j1"></div>
<div id="page2j2"></div>
<div id="page2j3"></div>
<div id="page2j4"></div>
<div id="page2j5"></div>
<div id="page2j6"></div>
<div id="page2j7"></div>
<div id="page2j8"></div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

You might also like