ustawienie tekstu w <li>

[A_D_M]

Witam, robie przyciski na strone (sa dwa typy, jeden nazwalem "menu" a drugi "menus", mam zrobiona grafike jak wyglada przed najechaniem myszka i po i jest tam okreslony tekst na tym pisany z poziomu index.php, wyglada to tak:

Kod:

<ul id="menu">
<li>xyx</li>
<ul id="menus">
<li>xyz2</li>
</ul>

a w style.css mam to:

Kod:

#menu li {
color: white;
background-image: url("bigbutton.png");
height: 26px;
width: 174px;
font-size: 10px;
}

#menu li:hover {
background-image: url("bigbutton2.png");
color: white;
}

#menus li {
color: white;
margin-left:24px;
background-image: url("smallbutton.png");
height: 20px;
width: 149px;
font-size: 9px;
}

#menus li:hover {
background-image: url("smallbutton2.png");
color: white;
}

I problem jest ze ten tekst xyx i xyz2 dotykaja bezposrednio lewej gornej krawedzi przycisku i wyglada to beznadziejnie. Z kolei jak wezme te komende "text-align-center" to jest fajnie po srodku ale nadal zahacza o gorna krawedz, chcialbym zeby bylo tez oddalone od gory buttona. Jak to osiagnac?
Z gory dziekuje

[Pedro84]

line-height:val px

[A_D_M]

Ok, to jest dobre bo oddala tekst od lewej strony o ileś px. Ale próbowałem zamiast height dać width ale tekst nadal pozostaje w tym samym miejscu a chciałbym aby odsunął się o te 2 px od góry. Jest na to jakaś równie ciekawa komenda?

[Filuper112]

margin-top?

[Pedro84]

podajesz height i line-height i musi działać. Jeśli nie, masz skopany kod.

@Filuper112 - odsuwanie tekstu za pomocą margin? Interesujące...

[Kartofelek]

line-height:....px podajesz po wszystkich właściwościach dotyczących kroju czcionki - najlepiej na końcu danej klasy.
Możesz też wykorzystać padding-top, ale wtedy zmniejsz stosownie wysokość elementu. Margin-top ewidentnie nie. Bo odsuwasz cały element, a nie tekst.
I nie ma czegoś takiego jak line-width. Bo niby co ono miało by ustawiać?

[Filuper112]

jest znak zapytania przy mojej wypowiedzi... Nie bylem pewny co do margin poniewaz nie zrozumialem do konca co chce zrobic

[A_D_M]

dobra ^^ chodzi mi to co napisalem w temacie, juz mam cmd jak odsunac tekst od lewej strony a teraz chce go odepchnac od gory . Tyle

edit: hmm dziwne teraz jak wkleilem to do:

#ys li {
color: white;
background-image: url("x.png");
height: xpx;
width: xpx;
font-size: 10px;
line-height:16px;
}

I odsunelo ladnie od gory. Ok, o to chodzilo .

[Pedro84]

line-height, jak wyżej...