a{ color:#FFCC00}
html { background: #1d1d1d; }
body {
margin: 0; padding: 0;
font: 10px normal Verdana, Arial, Helvetica, sans-serif;
background: #1d1d1d;
}
h1 {
font: 4.7em normal Georgia, 'Times New Roman', Times, serif;
color: #fff;
margin: 0;
text-align: center;
padding: 5px 0;
}
h1 small{
font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing: 1.4em;
display: block;
color: #ccc;
}
.container {
width: 520px;
height: 330px;
position: absolute;
top: 50%; left: 50%;
margin: -165px 0 0 -210px;
overflow: hidden;
}
img {border: none;}
ul#topnav {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 1.1em;
clear: both;
float: left;
width: 640px;
}
ul#topnav li{
margin: 0;
padding: 0;
overflow: hidden;
float: left;
height:40px;
}
ul#topnav a, ul#topnav span {
padding: 10px 20px;
float: left;
text-decoration: none;
color: #fff;
text-transform: uppercase;
clear: both;
height: 20px;
line-height: 20px;
background: #1d1d1d;
}
ul#topnav a { color: #7bc441; }
ul#topnav span {
display: none;
}
ul#topnav.v2 span{
background: url(images/a_bg.gif) repeat-x left top;
}
ul#topnav.v2 a{
color: #555;
background: url(images/a_bg.gif) repeat-x left bottom;
}
/* alt menu */
ul#topnav.v2 ul {
position:absolute;
list-style:none;
display:none;
margin-top:0px;
}
/* Alt menu bicimlendirme */
ul#topnav.v2 ul li {
background-color:#505E69;
margin:1px;
text-align: left;
padding:3px;
}
/* Ana menu uzerine gelince alt menuyu ac */
ul#topnav.v2 li:hover > ul {
position: absolute;
display: block;
padding: 0px;
margin: 41px 0px 0px 14px;
}
ul#topnav ul {
width:200px;
}
ul#topnav ul li {
float:left;
}
ul#topnav ul li a{
width:200px;
}
Menü kodların da şuna benzer olmalı: