+- 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ł: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: ustawienie tekstu w <li> (/thread-ustawienie-tekstu-w-li)
ustawienie tekstu w <li> - A_D_M - 01-01-2011
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
RE: ustawienie tekstu w <li> - Pedro84 - 01-01-2011
line-height:val px
RE: ustawienie tekstu w <li> - A_D_M - 02-01-2011
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?
RE: ustawienie tekstu w <li> - Filuper112 - 02-01-2011
margin-top?
RE: ustawienie tekstu w <li> - Pedro84 - 02-01-2011
podajesz height i line-height i musi działać. Jeśli nie, masz skopany kod.
@Filuper112 - odsuwanie tekstu za pomocą margin? Interesujące...
RE: ustawienie tekstu w <li> - Kartofelek - 02-01-2011
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ć?
RE: ustawienie tekstu w <li> - Filuper112 - 02-01-2011
jest znak zapytania przy mojej wypowiedzi... Nie bylem pewny co do margin poniewaz nie zrozumialem do konca co chce zrobic
RE: ustawienie tekstu w <li> - A_D_M - 02-01-2011
dobra ^^ chodzi mi to co napisalem w temacie, juz mam cmd jak odsunac tekst od lewej strony a teraz chce go odepchnac od gory
. Tyleedit: 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
.
RE: ustawienie tekstu w <li> - Pedro84 - 02-01-2011
line-height, jak wyżej...