+- 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: Kolor tła dla aktywnej podstron [CSS i HTML] (/thread-kolor-tla-dla-aktywnej-podstron-css-i-html)
Kolor tła dla aktywnej podstron [CSS i HTML] - bahafo - 22-12-2014
RE: Kolor tła dla aktywnej podstron [CSS i HTML] - Kartofelek - 23-12-2014
Masz style dla :hover. Musisz takie same stworzyć dla klasy np. .active i po przejściu na daną podstronę dodawać ją do danego linka.
Kod:
#nav li.active > a {
color: #00B4FF;
}
#nav li:nth-of-type(1).active ~ #lavalamp {
left: 16px;
}
...RE: Kolor tła dla aktywnej podstron [CSS i HTML] - bahafo - 23-12-2014
Dodałem te klasy do CSS, dodałem klase do podstrony i nic... Czyli zrobiłem tak:
Dodałem to:
Kod:
#nav li:active > a {
color: #00B4FF;
}
#nav li:nth-of-type(1).active ~ #lavalamp {
left: 16px;
}W HTML zrobiłem tak:
Kod:
<li><a href="index.html" class="active">Główna</a></li>Kolor podstrony w menu zmienia się tylko wtedy jak kliknę na np"Główna" i przeciągnę poza menu. Kolor znika jak kliknę w byle jakie miejsce na stronie.
RE: Kolor tła dla aktywnej podstron [CSS i HTML] - Kartofelek - 23-12-2014
Źle.
1) Do LI dodałeś active po : a nie po .
2) Klasę active nadałeś na LI, a w kodzie html dodałeś ją do A
RE: Kolor tła dla aktywnej podstron [CSS i HTML] - bahafo - 24-12-2014
Dzięki kolego za pomoc, bardzo mi pomogłeś !
)A jak już jesteś taki pomocny to mógłbyś mi podpowiedzieć jak zrobić żeby ten suwak się zatrzymywał na podstronie.
Dla przykładu jeśli wpiszę do CSS coś takiego to owszem suwak się zatrzymuje, ale wtedy już nie chce się ruszać (nie chodzi za kursorem myszki), zmienia pozycje tylko wtedy jak wejdę na inną podstronę. "Lavalamp to ten suwak"
Kod:
#nav li:nth-of-type(1).active ~ #lavalamp {
left: 16px;
}
#nav li:nth-of-type(2).active ~ #lavalamp {
left: 90px;
}
#nav li:nth-of-type(3).active ~ #lavalamp {
left: 170px;
}
#nav li:nth-of-type(4).active ~ #lavalamp {
left: 250px;
}RE: Kolor tła dla aktywnej podstron [CSS i HTML] - Kartofelek - 27-12-2014
Może pomorze dodanie !important dla deklaracji z hover