Mellemrum mellem menu
Jeg har et problem med en menu jeg sidder og laver. Der er et mellemrum mellem punktet Forside og punktet iPad. Mellemrummet skal ikke være der, og jeg kan simpelthen ikke finde problemet.Her er html'en:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>iHelp.dk - Forside</title>
<link href="index.css" rel="stylesheet" type="text/css" />
</head><!--header-->
<body>
<div id="master">
<div id="menu">
<li><a href="forside.html" id="selected1">Forside</a></li>
<li><a href="ipad.html" id="menu2">iPad</a>
<li><a href="applikationer.html" id="menu3">Applikationer</a>
<li><a href="selvbetjening.html" id="menu4">Selvbetjening</a>
<li><a href="shop" id="menu5">Online shop</a></li>
</div><!--menu-->
<div id="content">
</div><!--content-->
</div><!--master-->
</body><!--body-->
</html><!--html-->
Her er CSS'en:
@charset "utf-8";
/* CSS Document */
body {
height: auto;
width: auto;
background-color: #FFFFFF;
}
#master {
width: 768px;
height: 1024px;
position: relative;
margin-right: auto;
margin-left: auto;
padding: 0;
}
#menu {
margin: 50px 0 0 0;
text-align: center;
font-family: calibri, arial, sans-serif;
font-size: 16px;
width: 768px;
padding: 0;
position: absolute;
}
#menu, #menu ul {
list-style: none;
}
#menu li {
display: inline-block;
}
#menu li a {
display: table-cell;
vertical-align: middle;
}
#menu a {
color: #FFFFFF;
}
#menu1,#menu2,#menu3,#menu4,#menu5 {
height: 35px;
width: 152px;
background-color: #666666;
list-style: none;
text-decoration: none;
}
#menu1,#selected1 {
border-radius: 10px 0 0 10px;
}
#menu5,#selected5 {
border-radius: 0 10px 10px 0;
}
#selected {
height: 35px;
width: 152px;
background-color: #999999;
list-style: none;
}
#selected,#selected1,#selected5 {
height: 35px;
width: 152px;
background-color: #999999;
list-style: none;
}
#menu1:hover,#menu2:hover,#menu3:hover,#menu4:hover,#menu5:hover {
background-color: #999999;
}
Som i kan se er der ikke lavet meget endnu, men vil ikke gå videre med siden før dette er ordnet. Håber nogle kan hjælpe!
