Hej...
Jeg har leget lidt med din menu, men da linket i #2.. indeholder en del php kaldende andre php filer, som ikke er tilrådighed for mig, men kun dig.... Har jeg prøvet at korte linket i #2 til kun at være Html'en, den ser sådan ud :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"
http://www.w3.org/TR/html4/strict.dtd"><html lang="da">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="ExpMenu.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="images/favicon.ico" />
<title>[Down-South] Gaming [DK]</title>
</head>
<body>
<div id="container">
<div id="menu">
<ul>
<li><a href="index.php">Forside</a></li>
<li><a href="nyheder.php">Nyheder</a></li>
<li><a href="om.php">Om os</a></li>
<li><a href="admins.php">Admins</a></li>
<li><a href="servers.php">Servere</a>
<ul>
<li class="submenu"><a href="addons.php">Addons</a></li>
<li class="submenu"><a href="stats.php">Stats</a></li>
</ul>
</li>
<li><a href="forum.php">Forum</a></li>
</ul>
<h1>Velkommen</h1>
<h2>Servere</h2>
</div>
</div>
</body>
</html>
For det første har jeg sat en rigtig
Doctype ind, som du ikke havde i forvejen... Så har jeg flyttet dine id' punkter
submenu ... Der udover har jeg skrevet en anden
Css til menu'en, men har prøvet at beholde dit udseende. Ligeledes har jeg sat en bredde på "id="container", det kan være du får sat den via noget andet kode som jeg ikke kan se.
Css :
#container {
width: 950px;
}
#menu {
margin-left: auto;
padding: 150px 5px 0 50px;
background-image:url(images/menu.jpg);
background-repeat:no-repeat;
width:768px;
height:117px;
border: 5px solid red;
}
#menu ul li ul {
display: none;
}
#menu ul li:hover ul {
text-align :left;
display: block;
width: 70px;
position: absolute;
background-color: #000;
opacity: 0.5;
}
#menu a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bolder;
text-transform: uppercase;
color: #d8cd8d;
text-decoration: none;
}
#menu a:hover {
color:#3e3c27;
}
#menu ul{
margin: 0 auto;
padding: 0;
width: 420px;
height: auto;
}
#menu li {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
position: relative;
float: left;
display: block;
width: 70px;
height: auto;
}
#submenu a:visited {
text-align: center;
margin-left: 5px;
}
Håber du kan bruge noget af det :-)
