Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] znacznik padding
Forum PHP.pl > Forum > Przedszkole
Adam_
Witam,

Mam mały - banalny problem, ale niestety nigdzie nie znalazłem tego dobrze wytłumaczonego. Mianowicie mam na myśli znacznik padding w CSS. Nie wiem kiedy dokładnie należy go używać i jak to robić. Tzn przykładowo mam menu, gdzie tło każdej z komórek to obrazek. Co należy zrobić, aby tekst był na środku tej komórki, a nie na górze. Zawsze używałem właśnie tego padding, ale przez to rozjeżdżało mi się menu. Trochę poszukałem i znalazłem, że przydatne może być vertical-align ale w moim przypadku to nic nie daje (może w złym miejscu to wpisuję?).

i wygląda to tak:
http://img412.imageshack.us/i/beztytuupp.png/

a chce aby tekst był na środku obrazka

Kod:

  1. <div id="menu">
  2. <ul>
  3. <li><a href="#">jeden</a></li>
  4. <li><a href="#">dwa</a></li>
  5. <li><a href="#">trzy</a></li>
  6. <li><a href="#">cztery</a></li>
  7. </ul>
  8. </div>

  1. #menu {
  2. font-weight: bold;
  3. text-align: center;
  4. }
  5.  
  6. #menu ul {
  7. list-style: none;
  8. }
  9.  
  10. #menu a {
  11. color: #191919;
  12. width: 150px;
  13. height: 49px;
  14. float: left;
  15. background: url('button.png');
  16. display: block;
  17. }
  18.  
  19. #menu a:hover {
  20. background: url('button-h.png');}



Proszę o pomoc
krzysztof_kf
dodaj do

  1. #menu a {
  2. line-height: 2em;
  3.  


Adam_
Wielkie dzięki smile.gif O to właśnie mi chodziło smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.