Axyl Cross Admin replied

536 weeks ago 

<!doctype html>
<html>
<head>
	<style>
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%; 
}

.content {
	min-height: 100%;
	position: relative;
	overflow: auto;
	z-index: 0; 
}

.background {
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
}

.top_block {
	width: 100%;
	display: block; 
}

.bottom_block {
	position: absolute;
	width: 100%;
	display: block;
	bottom: 0; 
}

.left_block {
	display: block;
	float: left; 
}

.right_block {
	display: block;
	float: right; 
}

.center_block {
	display: block;
	width: auto; 
}

.header {
	width: 100%;
	height: 70px;
	background-color: #808080;
}

.background.info {
	height: auto !important;
	padding-bottom: 0;
	left: 0;
	right: 0;
	margin-top: 70px; 
}

.info {
	width: auto;
	height: auto;
	padding-bottom: 0px;
	rheight: 50;
}

.background.side {
	height: auto !important;
	padding-bottom: 0;
	right: 0;
	width: 30%;
}

.side {
	height: 50%;
	width: 30%;
	padding-bottom: 0px;
}

table{
        width: 60%
}
th{
        background: #808080;
}

        </style>
</head>
<body>
	<div class="content">
		<div class="top_block header">
			<div class="content">
<center><h1>Axel Cross<h1></center>
			</div>
		</div>
		

<div class="background info">
			<div class="background side">
			</div>
		</div>
<div class="right_block side">
					<div class="content">
<img src= "http://cdn.guildwork.net/albums/images/559ee4cc22c39214fae456eb.jpg"/>
<!---IMG needs to be 200x300 px--->
<p>Age:
</br>Race: 
</br>Occupation:  
</br>Homeplace: 
	</p>			

	</div>
				</div>
		<div class="center_block info">
			<div class="content">
<p>
<table>
<tr>
<th>Basic Info</th>
</tr>
<tr>
<td>
Content Here
</td>
</tr> 
</table>
</p>
<p>
<table>
<tr>
<th>Likes</th>
<th>Dislikes</th>
<th>Motivations</th>
<th>Other</th>
</tr>
<tr>
<td><li>Likes 1</li></td>
<td><li>Dislikes 1</li></td>
<td><li>Motivation 1</li></td>
<td><li>Other 1</li></td>
</tr>
<tr>
<td><li>Likes 2</li></td>
<td><li>Dislikes 2</li></td>
<td><li>Motivation 2</li></td>
<td><li>Other 2</li></td>
</tr>
<tr>
<td><li>Likes 3</li></td>
<td><li>Dislikes 3</li></td>
<td><li>Motivation 3</li></td>
<td><li>Other 3</li></td>
</tr>
</table>
</p>

<p>
<table>
<tr>
<th>Looks & Mannerisms</th>
</tr>
<tr>
<td>
Content HEre
</td>
</tr>
</table>
</p>

<p>
<table>
<tr>
<th>Looks & Mannerisms</th>
</tr>
<tr>
<td>
Content HEre
</td>
</tr>
</table>
</p>


<p>
<table>
<tr>
<th>Abilities</th>
</tr>
<tr>
<td>
Content Here
</td>
</tr>
</table>
</p>

<p>
<table>
<tr>
<th>Relations</th>
</tr>
<tr>
<td>
Content Here
</td>
</tr>
</table>
</p>

<p>
<table>
<tr>
<th>Rumors</th>
</tr>
<tr>
<td>
Content Here
</td>
</tr>
</table>
</p>

				
			</div>
		</div>
	</div>
</body>
</html>


last edited 536 weeks ago by Axyl Cross

Axyl Cross Admin replied

536 weeks ago

Updated with better formatting for sections.
Please log in to post a reply.