Hjælp til menu
Jeg har lavet en menu med ul og li tags. Mit problem er at jeg ikke kan styrre højden på menu elementerne, Jeg vil have at menu elementerne (menu1 og menu2) har en højde på 36px og en brede på 100px. Her er min kode:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<style type="text/css">
body
{
background-color: red;
}
#menu
{
background-color: #ccc;
width:915px;
height: 36px;
}
#menu ul
{
height: 36px;
float: right;
list-style: none;
display:table;
}
#menu li
{
height:36px;
padding-top:14px;
display:inline;
list-style: none;
}
#menu li a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
height: 36px;
color: #FFF;
}
#menu li a:hover,
#menu li a.active,
#menu li a.open
{
height: 36px;
background-color:#000;
text-decoration:none;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">menu1</a></li>
<li><a href="#">menu2</a></li>
</ul>
</div>
</body>
</html>
