Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]linki o stałej szerokości tła w linii poziomej
Forum PHP.pl > Forum > Przedszkole
Larges
Witam, następujący kod wyświetla link blokowo - jeden po drugim:

  1. a.menu {
  2. display: block;
  3. text-align: center;
  4. height: 15px;
  5. line-height: 15px;
  6. background: transparent url(gfx/menu.jpg) repeat-x;
  7. color: #FFFFFF;
  8. padding: 2px 0 2px 0;
  9. text-decoration: none;
  10. font-weight: bold;
  11. width: 190px;
  12. }


- każdy link (właściwie jego tło) ma stałą szerokość 190 px. Wyświetlają się jeden pod drugim.

Jak zrobić, aby analogicznie było w poziomym menu? - jeden obok drugiego?

  1. a.menu {
  2. display: inline;
  3. text-align: center;
  4. height: 15px;
  5. line-height: 15px;
  6. background: transparent url(gfx/menu.jpg) repeat-x;
  7. color: #FFFFFF;
  8. padding: 2px 0 2px 0;
  9. text-decoration: none;
  10. font-weight: bold;
  11. width: 100px;
  12. }
  13.  


z display: inline - wyświetla się jeden obok drugiego, ale tło linku nie wynosi 100px lecz jest dopasowane do długości tekstu.

Dzięki za pomoc, pozdrawiam.
erix
A nie prościej nadać
  1. float: left
?
Larges
party.gif o wiele prościej winksmiley.jpg

dziex po raz kolejny dla Ciebie (;
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.