Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[css] zmiana obszaru klikalnego linka
#1
Witam,

co zrobić mając do dyspozycji tylko modyfikacje css selektora a aby:
a) zmienić tło całego obiektu w którym znajduje się link (można dać background ale obejmuje to tylko tekst a wokół pustka...).
b) cały element w którym znajduje się link był klikalny

http://www.szal-art.pl/talens-rembrandt_51/
każdą pozycję w menu po lewej można kliknąć nie tylko w tekst ale także za nim. Tak jakby cały li był linkiem. Poza tym atrybut background jest przypisany tylko do a a wygląda jakby był przypisany do li.

Mam z tym problem i będę wdzięczny za pomoc w rozwiązaniu tej zagadki
Odpowiedz
#2
Użyj display:block, wielkość ustal przez padding i line-height.
Odpowiedz
#3
Kod:
a {
    display:block;
    background:#cccccc;
    padding:10px;
}
1. display:block odpowiada za "rozciągnięcie" obszaru aktywnego do szerokości div'a, listy lub czegokolwiek w czym się znajduje
2. padding:10px w tym przypadku powiększa nam obszar aktywny o 10px w każdą stronę.

Najłatwiej zrozumieć działanie tego kodu po prostu go testując. Powodzenia Smile
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  [CSS] Presta 1.7 zmiana w pliku css ?DsxSoft 0 2,134 07-02-2019, 15:29
Ostatni post: ?DsxSoft
  Zmiana obrazka po najechaniu / Efekt rollover JS manoa 0 4,700 06-12-2018, 18:46
Ostatni post: manoa
  Zmiana sposobu rozwijania + podmiana obrazka arkadiio 7 7,194 23-03-2015, 03:52
Ostatni post: arkadiio
  Zmiana obrazka, oraz opisu pod nim po kliknięciu Olsz4k 12 12,810 28-07-2013, 20:10
Ostatni post: Olsz4k
  [css,jquery] Zmiana klasy .selected w menu czaras 1 3,112 09-06-2013, 17:52
Ostatni post: Kartofelek

Skocz do:


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