+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: CSS dla menu i problem z selektorami (/thread-css-dla-menu-i-problem-z-selektorami)
CSS dla menu i problem z selektorami - neferith - 02-06-2016
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!
RE: CSS dla menu i problem z selektorami - Kartofelek - 08-06-2016
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;}RE: CSS dla menu i problem z selektorami - wesol - 29-06-2016
Dzięki
RE: CSS dla menu i problem z selektorami - Chillizard - 29-06-2016
O matko te czasy z tym kodem...
RE: CSS dla menu i problem z selektorami - Brain23 - 30-06-2016
Też miałem z tym problem. Dzięki również za pomoc!