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>&nbsp;</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
Weet iemand nog wat??
Misschien moet je HTML gaan leren en ietje meer gaan nadenken... dan kom je er zó achter :)
Zoals jij het hier doet lijkt het net als je een ellenlang script post waar je nog nooit eerder naar gekeken hebt en dan laat je ons ontdekken waarvoor het is en als er iets word gevraagt blijkt dat je er alsnog geen verstand van hebt...

klinkt niet zo prettig.. maar moest het eventjes kwijt
Sorry hoor maar ik heb al een heleboel geprobeerd en ik zei tog ook dat ik bijna niets van css afwist.

Groetjes van Arwin
Jurri schreef op 28.02.2006 18:43
Volgens mij klopt de structuur van je tabel dan niet helemaal.
Probeer dit eens:
<table>
<tr>
<td>In deze cel alles voor je logo plaatsen</td>
<td rowspan="2" valign="top">In deze cel alles voor je tekst plaatsen</td>
</tr>
<tr>
<td>In deze cel alles voor je menu plaatsen</td>
</tr>
</table>

Dit moet komen tussen <body> en </body> in home.php

Als je dit gewoon eens als enige op de pagina plaatst dan zie je wel waar de tekst terechtkomt en snap je waarschijnlijk ook wel wat je moet veranderen.
Ja dat heb ik gezien maar ik ben er nog mee bezig maar het lukt niet helemaal.
Je krijgt nu niet de kolommen naast de menu balk maar die heb ik er zelf aan toegevoegt.

groetjes van Arwin
Het probleem zit hem in het feit zoals Jurri al aangeeft je tabelopmaak niet klopt jij heb nu ongeveer dit

_______________________________
|...................|............................... |
|..........logo...|............................... |
-------------------------------------------|
|..menu.........|kolomen die omhoog..|
|...................|moeten.....................|
-------------------------------------------|

dat kan dus zo niet
dus daarom adviseer ik je eens goed naar Jurris raad te luisteren en eerst de tabellen juist te maken

Lekker is dat spaties pikt hij niet meer zo dan
<body>
<table width="99%" border="0" cellspacing="0" cellpadding="10">
<tr>
<th width="18%" scope="col">LOGO</th>
<th width="82%" rowspan="2" scope="col" valign="top"><div align="left" >REST</div></th>
</tr>
<tr>
<th scope="row">MENU</th>
</tr>
</table>

zoiets dus
bedankt
en ik ga het uitproberen!
hallo

ik heb nu dit script:

<html>
<head>
<link href='http://www.arwin.colddot.nl/test/opmaak.css'; rel='stylesheet' type='text/css'>
<title>Untitled</title>
</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 width="99%" border="0" cellspacing="0" cellpadding="10">
<tr> <table border='0' cellpadding='0' cellspacing='0' class='table'>
<tr>

<th border='0' cellpadding='0' cellspacing='0' width="18%" scope="col"><div class="logo"></div></th>



<th width="82%" class="inhoud" class="table-inhoud" style="border-collapse: collapse" rowspan="2" scope="col" valign="top"><div align="left" >
test deze kolomen die anderen hieronder moeten bovenaan beginnen</div></th>
</tr>
<tr>
<th scope="row">




<iframe src="menu2.php" height="649" width="170px" frameborder="no" border="no" scrolling="no"></iframe>
</th>
</tr>
</table>

maar ik weet niet hoe je nu die kolommen (blokken) moet maken?(hij maakt nu de hele pagina licht grijs)

Weet iemand dat??

Groetjes van Arwin

Reageren