Witam ponownie wszystkich.
Tym razem mam problem z menu i potrzebuje pomocy??? W ramach nauki projektowania stron zrobiłem nie skomplikowaną grafikę i zabrałem się za układanie tego wszystkiego w html i css ale napotkałem problem z menu tzn linki (oferta, kontakt itp) chciałbym umieścić na środku tego szaro czarnego gradientu (po najechaniu myszką kolor zielony) a w tym momencie znajdują się lekko u góry trzeba je obniżyć w dół! żaden znany mi sposób nie chce mi tego zrobić
Pomocy !!! Link do strony: http://www.mojastronka2010.strefa.pl/
Dodam jeszcze że tworząc to menu wzorowałem się na kursie css ze strony kurshtml.boo.pl
Poniżej kod css:
Tym razem mam problem z menu i potrzebuje pomocy??? W ramach nauki projektowania stron zrobiłem nie skomplikowaną grafikę i zabrałem się za układanie tego wszystkiego w html i css ale napotkałem problem z menu tzn linki (oferta, kontakt itp) chciałbym umieścić na środku tego szaro czarnego gradientu (po najechaniu myszką kolor zielony) a w tym momencie znajdują się lekko u góry trzeba je obniżyć w dół! żaden znany mi sposób nie chce mi tego zrobić

Dodam jeszcze że tworząc to menu wzorowałem się na kursie css ze strony kurshtml.boo.pl
Poniżej kod css:
Kod:
body{
margin: 0px;
padding: 0px;
text-align: center;
background-color: #7f7f7f;
}
div#kontener {
width: 980px;
margin: 0px auto;
text-align: justify;
}
div#naglowek-top{
margin: 0px;
width: 980px;
height: 52px;
background: url('naglowek-top.png')no-repeat;
}
div#naglowek-dol{
margin: 0px;
width: 980px;
height: 102px;
background: url('naglowek-dol.png')no-repeat;
}
div#naglowek h1{
margin: 0px;
visibility: hidden;
}
div#menu {
width: 980px;
margin: 0;
}
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
ul {
float: left;
padding: 0px;
margin: 0px;
}
ul li {
float: left;
}
ul a:link, ul a:visited {
width: 100px;
height: 80px;
text-decoration: none;
display: block;
background: url("tlo-menu.png") repeat-x center;
text-align: center;
}
ul a:hover {
background: url("tlo-menu-on.png") repeat-x center;
}