+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Problem z menu (/thread-problem-z-menu--5131)
Problem z menu - jim_100 - 29-10-2010
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:
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;
}RE: Problem z menu - ixtab - 29-10-2010
zamień ten blok:
Kod:
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;na ten:
Kod:
ul a:link, ul a:visited {
width: 100px;
line-height: 65px;
text-decoration: none;
display: block;
background: url("tlo-menu.png") repeat-x center;
text-align: center;RE: Problem z menu - Pedro84 - 29-10-2010
Ustaw line-height
RE: Problem z menu - jim_100 - 29-10-2010
Wielkie dzięki Panowie działa. Można zamknąć temat!