GoldenLine
Zaloguj się

konto usunięte

Temat: Jakie są ograniczenia w działaniu a:active

Spotkałam się z taką sytuacją, że pomimo umieszczenia wszystkich stanów dla odnośnika w odpowiedniej kolejności, na stronie nie następuje zmiana koloru po kliknięciu. Czy może to wynikać z tego, że to menu po klikaniu nie przenosi do innej strony a tylko powoduje zmianę na tej samej stronie?

Kod css:

a:link { font-size:15px;font-family:arial;
color: #441e03; outline: invert; text-decoration: none; }
a:visited { font-size:15px;font-family:arial;
color: #441e03; outline: invert; text-decoration: none; }
a:hover { text-decoration: none; color: #d6be96; }
a:active { text-decoration: none; color: #d6be96; }

'Hover' działa a 'active' nie... :(
Link do wypowiedziLink

konto usunięte

Temat: Jakie są ograniczenia w działaniu a:active

Aleksandra P.:
a:hover { text-decoration: none; color: #d6be96; }
a:active { text-decoration: none; color: #d6be96; }

i działać nie będzie dopóki #d6be96; będzie w obu
Link do wypowiedziLink
Tomasz Prichacz

Tomasz Prichacz procesy i
technologie
@TEACHERSteam

Temat: Jakie są ograniczenia w działaniu a:active

dlaczego tak jest?
Link do wypowiedziLink

konto usunięte

Temat: Jakie są ograniczenia w działaniu a:active

Krzysztof Tomasz J.:
i działać nie będzie dopóki #d6be96; będzie w obu
Tomasz P.:
dlaczego tak jest?

I widzisz, namieszałeś :P
Działać to to działa, tylko tego nie widać, bo kolor się zmienia na taki sam ;)
Link do wypowiedziLink

konto usunięte

Temat: Jakie są ograniczenia w działaniu a:active

Właśnie o to chodzi, że bez najazdu myszką kolor jest taki: #441e03, po najechaniu myszką jest to kolor #d6be96, a po kliknięciu nie pozostaje taki jak po najechaniu czyli: #d6be96, tylko nadal jest taki jak bez najazdu: #441e03. :(

Ale namieszałam... Może prościej:
po wejściu na stronę kolor odnośnika jest ciemny. Po najechaniu myszką się rozjaśnia. Po kliknięciu w odnośnik i odjechaniu myszką z nad niego - jest ciemny. A chodzi o to żeby był jaśniejszy. I w tym momencie nadal po najechaniu myszką kolor się rozjaśnia.. :)
Link do wypowiedziLink

konto usunięte

Temat: Jakie są ograniczenia w działaniu a:active

z tego co piszesz jest tak jak powinno:
wchodzisz na stronę i link ma styl a:link (kolor #441e03), najeżdżasz na niego myszką i ma styl a:hover (kolor #d6be96), wciskasz na nim lewy przycisk i ma styl a:active (nadal kolor #d6be96)

teraz jeśli puścisz przycisk nad nim to przechodzi do adresu i ma styl a:visited (wraca do #441e03)

jeśli puścisz przycisk poza nim to tak jakbyś go nie kliknęła, czyli wraca do stylu a:link (również #441e03)

nie ma stylu a:najechany_wciśnięty_i_puszczony_pozaKrzysztof Kawa edytował(a) ten post dnia 18.03.10 o godzinie 10:55
Link do wypowiedziLink

konto usunięte

Temat: Jakie są ograniczenia w działaniu a:active

Krzysztof Kawa:

nie ma stylu a:najechany_wciśnięty_i_puszczony_pozaKrzysztof Kawa edytował(a) ten post dnia 18.03.10 o godzinie 10:55

:D może warto zgłosić to do W3C ?? Może w HTML 93.6 beta 2 RC3 pojawi się nowa pseudoklasa :hover_pushed_and_released_outside - kto wie?? :D
Link do wypowiedziLink

konto usunięte

Temat: Jakie są ograniczenia w działaniu a:active

Ojej.. A ja całe życie myślałam, że active określa stan: aktywny, czyli to co się aktualnie wyświetla. :(

Wydaje mi się, że trzeba to będzie zrobić w js...

Napiszę tu, jeśli będę wiedziała jak to rozwiązać..Aleksandra P. edytował(a) ten post dnia 18.03.10 o godzinie 11:03
Link do wypowiedziLink

konto usunięte

Temat: Jakie są ograniczenia w działaniu a:active

A propos cytat ze specyfikacji:

The :active pseudo-class applies while an element is being activated by the user. For example, between the times the user presses the mouse button and releases it.
Link do wypowiedziLink

konto usunięte

Temat: Jakie są ograniczenia w działaniu a:active

Napiszę tu, jeśli będę wiedziała jak to rozwiązać..

jeżeli przeładowujesz stronę to najlepiej z php dodaj klasę active
Link do wypowiedziLink
Konrad Kierys

Konrad Kierys iOS Developer

Temat: Jakie są ograniczenia w działaniu a:active

Aleksandra P.:
A propos cytat ze specyfikacji:

The :active pseudo-class applies while an element is being activated by the user. For example, between the times the user presses the mouse button and releases it.

No i tak jest też w rzeczywistości. Jaki jest problem znów?
Link do wypowiedziLink

konto usunięte

Temat: Jakie są ograniczenia w działaniu a:active

Krzysztof Kawa:
I widzisz, namieszałeś :P
jakoś tak wyszło...
Działać to to działa, tylko tego nie widać, bo kolor się zmienia na taki sam ;)
ja widziałem mrugnięcie ;)
Link do wypowiedziLink
Kinga S.

Kinga S. Sempre avanti

Temat: Jakie są ograniczenia w działaniu a:active

Aleksandra P.:
Ojej.. A ja całe życie myślałam, że active określa stan: aktywny, czyli to co się aktualnie wyświetla. :(

Wydaje mi się, że trzeba to będzie zrobić w js...

Napiszę tu, jeśli będę wiedziała jak to rozwiązać..Aleksandra P. edytował(a) ten post dnia 18.03.10 o godzinie 11:03


Może moje rozwiązanie się przyda:
<a href="....." id="red"> - linkowi nadać id
w css #red {color: #F00} i link na który właśnie weszłaś jest koloru czerwonego
jeżeli o to Ci chodzi :)
Link do wypowiedziLink

konto usunięte

Temat: Jakie są ograniczenia w działaniu a:active

Pierwsza sprawa - temat ma prawie rok ;) No ale może się komuś przyda.
Kinga S.:
<a href="....." id="red"> - linkowi nadać id
w css #red {color: #F00} i link na który właśnie weszłaś jest koloru czerwonego
Druga - sam sposób może i dobry, ale czepię się za id - nie powinno się nazywać elementów w ten sposób, bo to mało semantyczne i gryzie w tyłek przy zmianach. Zamiast "red" można to nazwać np. "highlight" czy coś w tym stylu, co nie zawiera w nazwie żadnych atrybutów, tylko opisuje funkcję. Kto wie czy kiedyś to nie będzie #0F0 jak się kolory layoutu znudzą? Tak samo np. "bluebutton", "underlinedtext", "font40px" i inne tego typu ;)
Link do wypowiedziLink
Adam Pawliczek

Adam Pawliczek Usability expert, UX
designer,
Interaction
specialist

Temat: Jakie są ograniczenia w działaniu a:active

No i nie używa się ID jeżeli elementy się powtarzają - do tego jest CLASS. Poza tym tak jak pisze tak jak pisze Krzysztof, chociaż czasem można sobie pozwolić na wyjątki.
Link do wypowiedziLink
Kinga S.

Kinga S. Sempre avanti

Temat: Jakie są ograniczenia w działaniu a:active

Krzysztof Kawa:
Pierwsza sprawa - temat ma prawie rok ;) No ale może się komuś przyda.
Kinga S.:
<a href="....." id="red"> - linkowi nadać id
w css #red {color: #F00} i link na który właśnie weszłaś jest koloru czerwonego
Druga - sam sposób może i dobry, ale czepię się za id - nie powinno się nazywać elementów w ten sposób, bo to mało semantyczne i gryzie w tyłek przy zmianach. Zamiast "red" można to nazwać np. "highlight" czy coś w tym stylu, co nie zawiera w nazwie żadnych atrybutów, tylko opisuje funkcję. Kto wie czy kiedyś to nie będzie #0F0 jak się kolory layoutu znudzą? Tak samo np. "bluebutton", "underlinedtext", "font40px" i inne tego typu ;)

to był tylko przykład :), jednak bardzo fajnie, że sie ustosunkowałeś, bo ja jestem na poczatku drogi ze stronami i będę wdzięczna za każdą wskazówkę i zawsze dobrze wiedzieć do kogo się zwrócić :)
Link do wypowiedziLink

konto usunięte

Temat: Jakie są ograniczenia w działaniu a:active

Adam Pawliczek:
No i nie używa się ID jeżeli elementy się powtarzają - do tego jest CLASS. Poza tym tak jak pisze tak jak pisze Krzysztof, chociaż czasem można sobie pozwolić na wyjątki.

Przyczepię się - nie, że jestem okrutny, czepialski - ale chodzi mi o konstrukcję zdania, która może wprowadzać w błąd.

Nie, że elementy się powtarzają, bo można mieć dowolną ilość identycznych elementów.
Zapewne (i na 100% tak było) - chodziło ci o to, że w źródle (stronie,podstronie) może wystąpić tylko jedno takie ID.

Przykład


<div id="groups">

	<label>A <input type="checkbox" name="group[]" value="a"></label>

	<label>B <input type="checkbox" name="group[]" value="b"></label>

	<label>C <input type="checkbox" name="group[]" value="c"></label>

	...

	<label>N <input type="checkbox" name="group[]" value="n"></label>

</div>
Link do wypowiedziLink

konto usunięte

Temat: Jakie są ograniczenia w działaniu a:active

W skrócie różnica jest taka, że id, zgodnie z nazwą, jednoznacznie identyfikuje obiekt, a class określa jego przynależność do pewnej klasy obiektów, czyli klasyczny przypadek Reksio vs pieski (gdzie Reksio raz na 100 odcinków może mieć złego brata bliźniaka, który się pod niego podszywa) ;)
Kinga S.:
to był tylko przykład :), jednak bardzo fajnie, że sie ustosunkowałeś, bo ja jestem na poczatku drogi ze stronami i będę wdzięczna za każdą wskazówkę i zawsze dobrze wiedzieć do kogo się zwrócić :)
no problemo, powodzenia
Link do wypowiedziLink

konto usunięte

Temat: Jakie są ograniczenia w działaniu a:active

Ojej - myślałam że ten temat już dawno się skończył... :) A tu dyskusja odżyła... ;)
Link do wypowiedziLink
Marcin Pawlas

Marcin Pawlas kocham poniedziałek

Temat: Jakie są ograniczenia w działaniu a:active

w dzienniku w podstawówce mamy numerki to są ID uczniów :) a class to cała klasa identyfikuje całą grupę bachorów.

ale lepiej nie nazywać numerkami samymi, będzie źle a i Oświęcim się starszym koderom przypomni.
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

kiedy są pobierane pliki




Wyślij zaproszenie do
Anuluj