Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[css] zmiana obszaru klikalnego linka - Wersja do druku

+- 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] zmiana obszaru klikalnego linka (/thread-css-zmiana-obszaru-klikalnego-linka)



[css] zmiana obszaru klikalnego linka - osit - 26-10-2010

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


RE: [css] zmiana obszaru klikalnego linka - Labsta.com - 26-10-2010

Użyj display:block, wielkość ustal przez padding i line-height.


RE: [css] zmiana obszaru klikalnego linka - ixtab - 26-10-2010

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