No i znow problem.Pisales zebym poczytal o css sprites zrobilem to, wszystko jest ladnie poza tym ze menu jest prawie na samym dole.
Kod:
<html><head><title></title><link rel="stylesheet" type="text/css" href="iloooolo.css" /></head>
<body>
<div class="container">
<h1 class="header"></h1>
<ul id="awesome-menu">
<li><a href="#ninja" class="lmenu">Ninja</a></li>
<li><a href="#zombie" class="glowna">Zombie</a></li>
<li><a href="#robot" class="aktualnosci">Robot</a></li>
<li><a href="#assassin" class="organizacja">Assassin</a></li>
<li><a href="#jedi" class="jedi">mecze</a></li>
<li><a href="#srninja" class="osiagniecia">Ninja</a></li>
<li><a href="#srombie" class="media">Zombie</a></li>
<li><a href="#srobot" class="tv">Robot</a></li>
<li><a href="#srassassin" class="sponsorzy">Assassin</a></li>
<li><a href="#srjedi" class="kontakt">Jedi</a></li>
<li><a href="#srgow" class="pmenu">Jedi</a></li>
</ul>
<div class="content"></div>
<div class="footer"></div>
</body>
</html>Kod:
body{color:#fff; margin:0; padding:0; background:#000000 url(background.gif) no-repeat top center; font:12px arial,tahoma,Geneva,sans-serif; text-shadow:0 -1px 0 #000;}
.container {width:1010px; margin:0 auto;}
.header {background:url(header.gif) no-repeat; overflow:hidden; width:100%; height:100%; text-indent:-999px;}
ul#awesome-menu {
width: 1010px; margin: 0 auto;
list-style: none;
}
ul#awesome-menu li { display: inline; }
ul#awesome-menu li a {
display: block; float: left; height: 36px;
background-image: url(menu_sprite.gif); text-indent: -9999px;overflow:hidden
}
ul#awesome-menu li a.lmenu {
width: 67px; background-position: 0 0;
}
ul#awesome-menu li a.glowna {
width: 136px; background-position: -67px 0;
}
ul#awesome-menu li a.aktualnosci {
width: 111px; background-position: -203px 0;
}
ul#awesome-menu li a.organizacja {
width: 89px; background-position: -304px 0;
}
ul#awesome-menu li a.mecze {
width: 77px; background-position: -381px 0;
}
ul#awesome-menu li a.osiagniecia {
width: 93px; background-position: -474px 0;
}
ul#awesome-menu li a.media {
width: 76px; background-position: -550px 0;
}
ul#awesome-menu li a.tv {
width: 88px; background-position: -638px 0;
}
ul#awesome-menu li a.sponsorzy {
width: 90px; background-position: -728px 0;
}
ul#awesome-menu li a.kontakt {
width: 82px; background-position: -810px 0;
}
ul#awesome-menu li a.pmenu {
width: 101px; background-position: -911px 0;
}
ul#awesome-menu li a.lmenu:hover, ul#awesome-menu li a.lmenu:focus {
background-position: 0 -36px;
}
ul#awesome-menu li a.glowna:hover, ul#awesome-menu li a.glowna:focus {
background-position: -67px -36px;
}
ul#awesome-menu li a.aktualnosci:hover, ul#awesome-menu li a.aktualnosci:focus {
background-position: -203px -36px;
}
ul#awesome-menu li a.organizacja:hover, ul#awesome-menu li a.organizacja:focus {
background-position: -304px -36px;
}
ul#awesome-menu li a.mecze:hover, ul#awesome-menu li a.mecze:focus {
background-position: -381px -36px;
}
ul#awesome-menu li a.osiagniecia:hover, ul#awesome-menu li a.osiagniecia:focus {
background-position: -474px -36px;
}
ul#awesome-menu li a.media:hover, ul#awesome-menu li a.media:focus {
background-position: -550px -36px;
}
ul#awesome-menu li a.tv:hover, ul#awesome-menu li a.tv:focus {
background-position: -638px -36px;
}
ul#awesome-menu li a.sponsorzy:hover, ul#awesome-menu li a.sponsorzy:focus {
background-position: -728px -36px;
}
ul#awesome-menu li a.kontakt:hover, ul#awesome-menu li a.kontakt:focus {
background-position: -810px -36px;
}
ul#awesome-menu li a.pmenu:hover, ul#awesome-menu li a.pmenu:focus {
background-position: -911px -36px;
}
a { outline: none; }
.content {width:1010px;}
.footer {width:1001px; clear:both; height:100px;}