Hallo
Ik heb een klein probleempje:
op de pagina http://www.arwin.colddot.nl/test/home.php
zie je in het midden van de pagina een blok (kolom)
waar test (deze kolommen die anderen hieronder moeten bovenaan beginnen) in staat en nog meer.
Mijn probleem is dat die blokken (kolommen) op de hoogte van hel logo zijn maar ik wil dat ze bovenaan beginnen.
Hier zijn de opmaak.css en de home.php bestanden:
----home.php----
<html>
<head>
<link href='http://www.arwin.colddot.nl/test/opmaak.css'; rel='stylesheet' type='text/css'>
<title>Welkom op Arwin.ColdDot.nl</title>
<meta name='robots' content='all'>
<meta name='revisit-after' content='3 days'>
<meta name='rating' content='general'>
</head>
<body>
<div align='center'>
<table width='740' align='center' border='1' style='border-collapse: collapse' cellpadding='0' cellspacing='0' bordercolor='#000000'>
<tr>
<td>
<div align='center'>
<table border='0' cellpadding='0' cellspacing='0' class='table'>
<tr>
<td colspan='2'>
<table width='200' border='0' cellpadding='0' cellspacing='0' class='logo' style='background-image: url('logo.gif')'>
<tr>
<td> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign='top'>
<iframe src="menu2.php" height="649" width="170px" frameborder="no" border="no" scrolling="no"></iframe>
<td width='100%' valign='top'>
<table border='0' cellpadding='0' cellspacing='0' class='inhoud'>
<tr>
<td><table border="0" width="100%" class="table-inhoud" style="border-collapse: collapse">
<tr>
<td width="410">test deze kolomen die anderen hieronder moeten bovenaan beginnen</tr>
</table></td>
</tr>
</table>
<table border='0' cellpadding='0' cellspacing='0' class='inhoud'>
<tr>
<td>
<table border='0' width='100%' class='table-inhoud'>
<tr>
<td valign='top' rowspan='3' width="80%">
<b>Welkom op Arwin.coldDot.nl</b>
<br> <br>
Op deze website kan je een heleboel vinden zoals :
<br> en nog veel meer
<br>
<br>
Verder wens ik u veel plezier op Arwin.ColdDot.nl<br>
<br>
</tr>
</table></td>
</tr>
</table>
<table border='0' cellpadding='0' cellspacing='0' class='inhoud'>
<tr>
<td>
test test
</center>
</tr>
</table></td>
</tr>
</table>
------opmaak.css-------
a {
color : #5D5D5D;
font-family : Tahoma;
font-size : 11px;
text-decoration : none
}
a:hover {
color : #CC0000;
font-family : Tahoma;
font-size : 11px;
text-decoration : underline
}
textarea {
font-family : Tahoma, Verdana, Arial;
font-size : 11px;
}
body {
font-family : Tahoma, Verdana, Arial;
font-size : 11px;
color : #4D4D4D;
background : #660000;
text-align : justify;
margin : 0px;
align : center;
text-decoration : none
}
.logo {
background : url(http://www.arwin.colddot.nl/test/logo2.gif);
width : 172px;
height : 135px;
}
.table {
background : #ffffff;
font-family : Tahoma, Verdana, Arial;
font-size : 11px;
width : 100%;
border-left : 5px solid #ffffff;
border-right : 5px solid #ffffff;
}
.table-inhoud {
font-family : Tahoma, Verdana, Arial;
font-size : 11px;
width : 100%;
}
.inhoud {
color : #4d4d4d;
background : #f0f0f0;
border : 1px solid #cccccc;
font-family : Tahoma, Verdana, Arial;
font-size : 11px;
text-align : justify;
padding : 6px;
width : 590px;
margin : 5px;
margin-right : 0px;
align : right;
}
.menu {
color : #4D4D4D;
background : #f0f0f0;
border : 1px solid #cccccc;
font-family : Tahoma;
font-size : 11px;
text-align : justify;
padding : 5px;
width : 160px;
margin-left : 0px;
align : center;
text-decoration : none; margin-right:5px; margin-top:5px; margin-bottom:5px
}
.menu a {
color : #5D5D5D;
font-family : Tahoma;
font-size : 11px;
text-decoration : none
}
.menu a:visited,a:active {
color : #5D5D5D;
font-family : Tahoma;
font-size : 11px;
text-decoration : none
}
.menu a:hover {
color : #CC0000;
font-family : Tahoma;
font-size : 11px;
text-decoration : underline
Ik hoop dat het lukt en dat jullie het snappen.
Groetjes van Arwin
582 views