Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Menu poziome
#2
zle pocięte.

background dajesz na LI, dajesz mu float:left; wymiary 168x25 + jakis margines by je rozsunac.
A linki dajesz : display:block; width:100%; height:25px; text-align:center; i resztę bez tła.
Span nie jest potrzebny

Kod:
.menu { width: 960px; height: 35px; background: url(images/menu_gora.png) no-repeat top;  }
.menu li {  float:left; height: 25px; width: 168px; background: url(images/menu_przycisk.png) no-repeat left top;}
.menu li a {  color: gray; text-decoration:none; display:block; width:168px; height:25px; text-align:center; line-height:25px;}
.menu li a:hover {text-decoration:none; }

I jeszcze jedno. Jeżeli wspierasz IE6, to zmień te png na gif. Szczególnie tyczy się to podkładu dla linków. Czemu? Google -> "png fix and link"
Odpowiedz


Wiadomości w tym wątku
Menu poziome - przez cyfran - 05-08-2010, 03:59
RE: Menu poziome - przez Kartofelek - 05-08-2010, 14:55
RE: Menu poziome - przez cyfran - 05-08-2010, 18:03

Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  problem z tłem pod menu loose 1 3,157 06-07-2017, 20:00
Ostatni post: loose
  problem z menu p410 10 10,358 18-06-2017, 18:34
Ostatni post: lemans88
  CSS dla menu i problem z selektorami neferith 4 5,266 30-06-2016, 00:58
Ostatni post: Brain23
  MENU - poważny problem wysokości! asus 0 2,537 05-12-2014, 23:34
Ostatni post: asus
  Trzypoziomowe menu - problem rejcz 3 5,675 25-01-2014, 17:16
Ostatni post: Kartofelek

Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl