Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]linki o stałej szerokości tła w linii poziomej
Larges
post
Post #1





Grupa: Zarejestrowani
Postów: 333
Pomógł: 16
Dołączył: 13.05.2008
Skąd: Łódź

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




A nie prościej nadać
  1. float: left
?
Go to the top of the page
+Quote Post
Larges
post
Post #3





Grupa: Zarejestrowani
Postów: 333
Pomógł: 16
Dołączył: 13.05.2008
Skąd: Łódź

Ostrzeżenie: (0%)
-----


(IMG:style_emoticons/default/party.gif) o wiele prościej (IMG:style_emoticons/default/winksmiley.jpg)

dziex po raz kolejny dla Ciebie (;
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 23.08.2025 - 14:49