Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]rozciągnięcie linka <a> do wielkości całego diva
pablo_83
post
Post #1





Grupa: Zarejestrowani
Postów: 200
Pomógł: 16
Dołączył: 11.01.2009
Skąd: wrocław

Ostrzeżenie: (0%)
-----


witam,
czy jest możliwość rozciągnięcia w css obszaru linka <a>?

mam diva witdh: 400px i height 35px, da się żeby link był tej samej wielkości (tzn jego pole, bez zwiększania widocznego dla usera), w tym momencie link jest aktywny tylko po najechaniu na tekst a chciałbym żeby łapało go jak się jest nad jego kontenerem
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
hyhyhy
post
Post #2





Grupa: Zarejestrowani
Postów: 135
Pomógł: 5
Dołączył: 6.02.2011

Ostrzeżenie: (0%)
-----


Pewny nie jestem, ale spróbowałbym z paddingiem tego linka, żeby go rozciągnąć. A jak nie, to zostaje np. jQuery
Go to the top of the page
+Quote Post
pablo_83
post
Post #3





Grupa: Zarejestrowani
Postów: 200
Pomógł: 16
Dołączył: 11.01.2009
Skąd: wrocław

Ostrzeżenie: (0%)
-----


paddingi załatwiają sprawę, thx
Go to the top of the page
+Quote Post
mortus
post
Post #4





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

Ostrzeżenie: (0%)
-----


Przydałby się jakiś kod, a ogólnie:
  1. div a {
  2. width: 400px;
  3. height: 35px;
  4. display: block;
  5. }

przykład
Go to the top of the page
+Quote Post
pablo_83
post
Post #5





Grupa: Zarejestrowani
Postów: 200
Pomógł: 16
Dołączył: 11.01.2009
Skąd: wrocław

Ostrzeżenie: (0%)
-----


faktycznie druga opcja też działa, mam tak samo jak w przykładzie, który podałeś z tym że nie miałem display: block;
dlatego nie łapało na całej powierzchni.
Go to the top of the page
+Quote Post
thek
post
Post #6





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D




Jeśli a jest bezpośrednio w div, to nawet nie musisz zgadywać ile masz szerokości i wysokości. Użyj przejęcia z rodzica. Słowo kluczowe -> inherit (IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 23.08.2025 - 20:15