Side med menuknapper
Jeg er ved at lave en side med menuknapper i venstre side. Jeg opdeler den i 3 filer: en .css fil for knapperne, en fil php-fil for deres indhold og så selve hovedsiden.CSS-koden:
html, body {
height:100%;
margin:0px 0px 0px 0;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#000000;
}
#mybutton {
border-style: inset;
border-color: #ff6633;
background-color: #CC3300;
text-decoration: none;
width: 150px;
height: 20px;
text-align: left;
}
A.buttontext
{
color: white;
text-decoration: none;
font: bold 10pt Verdana;
cursor: hand;
}
.buttonover
{
color: 8080FF;
text-decoration: none;
font: bold 10pt Verdana;
cursor: hand;
}
"html"-koden:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"><title>test1</title>
<link rel="stylesheet" type="text/css" href="knapper1.css" media="screen">
</head>
<body>
<table style="width: 914px; height: 60px; text-align: left; margin-left: auto; margin-right: auto;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="text-align: center;" colspan="4" rowspan="1">Overskrift</td>
</tr>
</tbody>
</table>
<div id="mybutton">
<?php include "menu1.php"; ?>
</div>
<table style="text-align: left; height: 64px; width: 708px; margin-left: 226px;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="width: 442px;">tekstfelt</td>
</tr>
</tbody>
</table>
</body>
</html>
og "link-siden".
<a href="http://www.source.dk/" class="buttontext"
onmouseover="this.className='buttonover';"
onmouseout="this.className='buttontext';">
<div id="mybutton">Menu1
</div>
</a>
<a href="http://www.source.dk/" class="buttontext"
onmouseover="this.className='buttonover';"
onmouseout="this.className='buttontext';">
<div id="mybutton">Menu2
</div>
</a>
Mit problem er at jeg ikke kan skrive noget ud for menutasterne.
Det hopper ned under. Hvordan undgår jeg det "tvungne linieskift"?
