Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
CSS dla menu i problem z selektorami
#1
Witam Forumowiczów,

Od dłuższego czasu walczę z CSS dla menu, które probuję dostosować pod siebie pod kątem kolorystyki, ale mam problemy z odpowiednim uzyciem selektorów. Chodzi mi o menu górne na stronie testowej: http://2016.bart-bud-instal.pl/ Dodam, że staram się uzwać Chrome DevToolsa, dla analizy tego menu, ale jakkolwiek bym nie użył selektorów w CSS, to nic mi z tego nie wychodzi.

Poszczególnym elementom w Megamenu nadalem klasę menu-l1. Potrzebuję pomocy w przykładowym fragmencie CSS, który zmieniałby kolory czcionki i tła dla menu, dla hover i dla visited. Nie wiem niestety jak użyć klas, czy:
.menu-l1 ul li a:hover
.menu-la 1:hover
.a.menu-l1:hover
.menu-l1 a:hover
Czasami widzę też uzycia klas bez kropki na początku, np.
menu-l1

Może ktoś pomóc w stworzeniu fragmentu CSS, który będzie modyfikował wygląd tła i czcionki oraz napisze dwa słowa wyjąsnienia, jaką składnię CSS uzywać? Póki, co tutoriale mi tego do końca nie rozjaśniły.

Z góry dziękuję i pozdrawiam!
Odpowiedz
#2
Kod:
/* menu pomaranczowe */
.navbar-default .navbar-nav li,
.navbar-default {background:blue;}

/* obwodka menu po najechaniu */
.dropdown-menu {background:white;}
.t3-megamenu .mega-nav > li a:hover, .t3-megamenu .dropdown-menu .mega-nav > li a:hover {background:#fff}

Ogólnie to menu jest źle zrobione, bo do działania wymaga js. Takie rzeczy robilo się w czasach IE5,6 czyli z 20 lat temu.
Powinieneś to zrobić na prostej liście UL. Podmenu były by wtedy także UL, ale pozycjonowanymi absolutnie względem rodzica (pozycji w menu). Ogólnie wyglądało by to tak:

Kod:
ul.megamenu {min-height:50px;}
ul.megamenu li {display:inline-block; position:relative; ......}
ul.megamenu ul {position:absolute; left:0; top:50px;}
ul.megamenu ul li {display:block;}
Odpowiedz
#3
Dzięki Wink
Odpowiedz
#4
O matko te czasy z tym kodem...
Odpowiedz
#5
Też miałem z tym problem. Dzięki również za pomoc!
Odpowiedz


Podobne wątki
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  problem z tłem pod menu loose 1 1,373 06-07-2017, 20:00
Ostatni post: loose
  problem z menu p410 10 4,590 18-06-2017, 18:34
Ostatni post: lemans88
  MENU - poważny problem wysokości! asus 0 1,415 05-12-2014, 23:34
Ostatni post: asus
  Wędrujące menu przy scrollowaniu prezes778 1 2,762 02-03-2014, 16:31
Ostatni post: Kartofelek
  Trzypoziomowe menu - problem rejcz 3 2,635 25-01-2014, 17:16
Ostatni post: Kartofelek

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele