table maakt volledig layout omzeep - Forum

Jesper Diovo

08-04-2009 22:05

Wat voor positionering heeft die tabel?

Kasper Heyndrickx

08-04-2009 22:09

html-code tot de tabel


<html>
<body>
<div id="container">
<div id="header">
</div>
<div id="mid">
<div id="navigation">
</div>
<div id="text">
<div class="forum">
</div>
<div class="jump" width="600px">
<div class="topics">
<table class="topic" width="600">
<tbody>
<tr>
<th width="150">onderwerpen</th>
<th width="150">door</th>
<th width="210">laatst bijgewerkt</th>
<th width="90">antwoorden</th>
</tr>
<tr>
<td>
<a href="?forum&topic=10">fff</a>
</td>
<td>
<b>Gebruiker niet gevonden</b>
</td>
<td>op 02 04 2009 om 20:06:19</td>
<td>4</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>op 05 04 2009 om 16:00:51</td>
<td>0</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
</tbody>
</table>
</div>
<div class="footer_forum">
</div>
</div>
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>

css-code:


#text, #controller_text{
	width: 700px;
	/*left: 250px;*/
	color: #666666;
	margin-left: 170px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 20px;
}
h2{
	font-size: 20px;
	color: #666666;
	margin-top: -5px;
}

span.forum {
	border: 1px solid #666666;
	padding: 5px;
	margin: 2px;
}
span.forum a{
	text-decoration: none;
	color: #0000CC;
}

.post{
	width: 500px;
	border: 2px solid #0033FF;
	margin-top: 10px;
}

.date{
	font-size: 9px;
}

.header_post{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00FF00;
}

.text_post{

}

div.jump{
	padding-top: 10px;
}

table.topic th{
	background-color: #ADADAD;
}

table.topic td{
	background-color: #C8C8C8;
	overflow: hidden;
}
table.topic a{
	color: #FFFFFF;
	text-decoration: none;
}