Problemer med tabel-celler
Jeg har et problem med en htmlside:Som i kan se nedenfor, så har jeg en side med en menu og et felt med tekst.
Menuen skal være ens på alle siderne, men når jeg ændrer i cellerne med tekst - produktoversigt osv, så disse celler bliver større, så ændrer menuen sig også - og det skal den ikke. (der bliver mere mellemrum mellem de forskellige menulinks).
Hvordan får jeg menuen til at forblive ens uanset hvor høj boksen til højre med tekst bliver??
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-image: url(layout_Stor.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top left;
margin-left: 0px;
margin-top: 0px;
}
-->
</style>
<link href="bernstein.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style1 {color: #990000}
a:link {
color: #333333;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #333333;
}
a:hover {
text-decoration: none;
color: #990000;
}
a:active {
text-decoration: none;
color: #333333;
}
-->
</style>
</head>
<body>
<table width="1030" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="128" colspan="6" class="ovre"> </td>
</tr>
<tr>
<td height="19" colspan="6"> </td>
</tr>
<tr>
<td width="50" rowspan="11" class="sidemargin"> </td>
<td width="212" class="menu">Forside</td>
<td width="33" rowspan="11"> </td>
<td width="505" rowspan="11" class="brodtext">
<table width="100%" border="0" cellspacing="2" cellpadding="2" style="background-color:#E0F2F2;
border-bottom:1px solid #cccccc; border-top:1px solid #ffffff;">
<tr>
<td><strong>Produktoversigt</strong></td>
</tr>
<tr>
<td>
<table style="background-color:#FFFFFF; border:1px solid #cccccc;" width="100%" border="0"
cellspacing="2" cellpadding="2">
<tr>
<td width="50%" height="20%"><a href="pro_oversigt.html">Mekaniske endestop</a> </td>
<td width="50%" rowspan="5"><img src="images/Sensor.jpg" width="275" height="118"></td>
</tr>
<tr>
<td width="50%" height="20%"><a href="montering.html">Monteringskasser</a></td>
</tr>
<tr>
<td width="50%" height="20%"><span class="style1">Sensorer</span></td>
</tr>
<tr>
<td width="50%" height="20%"><a href="proceskom.html">Proceskommunikation</a></td>
</tr>
<tr>
<td width="50%" height="20%"><a href="atex.html">ATEX materiel</a></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="2" cellpadding="2" style="background-color:#E0F2F2;
border-bottom:1px solid #cccccc; border-top:1px solid #ffffff;">
<tr>
<td><strong>Sensorer</strong></td>
</tr>
<tr>
<td>
<table style="background-color:#FFFFFF; border:1px solid #cccccc;" width="100%" border="0"
cellspacing="2" cellpadding="2">
<tr>
<td> <p>Her indeholder programmet en række elektroniske produkter, og i flæng kan
nævnes: </p>
<p>
<ul>
<li>Induktive aftastere i bl.a. euronorm udførsel. <br>
<li>Fotocelle aftastere. <br>
<li>Kapacitive aftastere. <br>
<li>Magnet aftastere. <br>
<li>Niveau- og svømmeafbrydere. <br>
</li>
</ul>
<p>Derudover tilbyder vi et stort sortiment i PVC / PUR- kabler med stik </p> </td>
</tr>
</table></td>
</tr>
</table></td>
<td width="97"> </td>
<td width="133"> </td>
</tr>
<tr>
<td class="menu">Nyheder</td>
<td> </td>
</tr>
<tr>
<td class="menu">Produktoversigt</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td class="menu">Sikkerhedsprodukter</td>
<td> </td>
</tr>
<tr>
<td class="menu">Sikkerhedshængsel</td>
</tr>
<tr>
<td class="menu">Wireendestop</td>
</tr>
<tr>
<td class="menu">Katalogbestilling</td>
</tr>
<tr>
<td class="menu">Online katalog</td>
</tr>
<tr>
<td class="menu">E-mail</td>
</tr>
<tr>
<td class="menu"> </td>
</tr>
</table>
</body>
</html>
