Ik ben met een website bezig voor iemand, alleen de inhoud van het menu wil niet helemaal naar boven maar blijft in het midden van de table naast zig.
Voorbeeld: http://www.veranderenenbeweging.ar-web.nl/
Ik wil dus graag dat de menu balk gewoon helemaal naar boven gaat (tot het logo natuurlijk).
Ik heb al valign="top" toegevoegd maar dat helpt niets.
Code:
<html>
<head>
<style type="text/css">
body {
font-family : Tahoma, Verdana, Arial;
font-size : 11px;
background : #FFFFFF;
text-align : justify;
margin : 0px;// hoeveel ruimte er moet zijn tussen de bovenkant en de eerste dingen op de website
align : center;
text-decoration : none;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
p {
font-size: .9em;
}
#menu {
width: 200px;
border: 1px solid #ccc;
}
#menu li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu li a:link, #menu li a:visited {
color: #888;
display: block;
background: url(images/menu.gif);
padding: 8px 0 0 30px;
}
#menu li a:hover, #menu3 li a:active {
color: #283A50;
background: url(images/menu.gif) 0 -32px;
padding: 8px 0 0 30px;
}
</style>
<title>Veranderen & Bewegen | Home</title>
</head>
<body>
<table>
<tr><td COLSPAN="3"><img src="images/home.gif" width="760" height="161" border="0"></td></tr>
<tr><td ROWSPAN="3> <div valign="top" id="menu">
<ul>
<li><a href="#1" title="Menu item 1">Home</a></li>
<li><a href="#2" title="Menu item 2">Curcus</a></li>
<li><a href="#3" title="Menu item 3">Documenten</a></li>
<li><a href="#4" title="Menu item 4">Aanmelden</a></li>
<li><a href="#5" title="Menu item 5">Contact</a></li>
</ul>
</div>
td>
<td WIDTH="50%" ALIGN="left" valign="left">
<SPAN style="FONT-SIZE: 11pt; COLOR: #006699">
<br>
<br>
//heleboel tekst</SPAN>
<br>
<br></td>
<td>//plaatje</td>
</tr>
<tr>
<td COLSPAN="2">
<SPAN
style="FONT-WEIGHT: bold; FONT-SIZE: 11pt">Uitgangspunt</SPAN></P>
<SPAN
style="FONT-SIZE: 11pt;">
<br>
//heleboel tekst
</SPAN>
</td>
</tr>
</table>
</body>
</html>
