• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

pricing table focus

Mały hosting, OGROMNE możliwości
0 głosów
591 wizyt
pytanie zadane 20 kwietnia 2017 w HTML i CSS przez sapero Gaduła (4,100 p.)
Witam, chce napisać cennik (pricing table), lecz taki gdzie mam 2 opcje do wyboru. Gdy klikam na jeden to zmienia mi kolor tla w divie i np kolor czcionek oznacza go jakoś a gdy kliknę na drugi to zaznacza mi go ale odznacza druga opcje do standardowego stylu. Macie może jakiś poradnik albo sposób jak to zrobić?

1 odpowiedź

0 głosów
odpowiedź 20 kwietnia 2017 przez pablop76 VIP (123,640 p.)

Witam. Przy użyciu samego css to pseudoklasa :target mogła by to obsłużyć.

:target

komentarz 20 kwietnia 2017 przez sapero Gaduła (4,100 p.)
jakiś przykład jak to zastosować?
komentarz 20 kwietnia 2017 przez pablop76 VIP (123,640 p.)
Kliknij :target
komentarz 20 kwietnia 2017 przez sapero Gaduła (4,100 p.)
Dzięki jesteś wielki tego szukałem!!! jednak nie rozumiem czemu jak kliknę w buttom to dopiero działa? i ta wartos zmiana1 zmiana2 zmiana3 jak to działa?
komentarz 20 kwietnia 2017 przez pablop76 VIP (123,640 p.)
<a href="#link"></a>

zmienia zawartość id="link"

<a href="#link1"></a>

zmienia zawartość id="link1" itd
komentarz 20 kwietnia 2017 przez pablop76 VIP (123,640 p.)
komentarz 20 kwietnia 2017 przez sapero Gaduła (4,100 p.)
a jak użyć targetu np. gdy chce tylko jeden text na czerowno zmienić tam i tło na niebieski?
komentarz 21 kwietnia 2017 przez sapero Gaduła (4,100 p.)
jeszcze takie małe pytanie, widzę że jesteś ogarnięty w css:) jeśli jeden kontener jest z lewj a drugi z prawej, czego użyć aby po kliknięciu wybrany zawsze był z lewej? tzn taki jak by go przenosiło (tego którego wybiorę na początek)
komentarz 21 kwietnia 2017 przez pablop76 VIP (123,640 p.)

1.Dodaj :target dla konkretnego znacznika lub stylu, który chcesz zmienić

2.Zmień ustawienie kart na float: right; a po użyciu :target na float: left;

poprawiony kod

komentarz 23 kwietnia 2017 przez sapero Gaduła (4,100 p.)
Dzięki stary!

Podobne pytania

0 głosów
1 odpowiedź 1,778 wizyt
pytanie zadane 9 lutego 2018 w HTML i CSS przez Sanchezklub Początkujący (400 p.)
0 głosów
0 odpowiedzi 433 wizyt
pytanie zadane 23 kwietnia 2022 w Systemy operacyjne, programy przez K4 Nowicjusz (120 p.)
0 głosów
1 odpowiedź 252 wizyt
pytanie zadane 12 stycznia 2019 w JavaScript przez Q7V Gaduła (4,250 p.)

93,715 zapytań

142,629 odpowiedzi

323,260 komentarzy

63,257 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Twierdza Linux. Bezpieczeństwo dla dociekliwych

Aby uzyskać rabat -10%, użyjcie kodu pasja-linux, wpisując go w specjalne pole w koszyku.

...