Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> DIV jako hiperłącze
8rol
post
Post #1





Grupa: Zarejestrowani
Postów: 66
Pomógł: 0
Dołączył: 10.10.2009

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


Witam.

Chcę zrobić tak, aby po kliknięciu w dowolne miejsce wewnątrz mojego diva użytkownik został przeniesiony na inną podstronę.
Początkowo zrobiłem to za pomocą zdarzenia onclick przypisanego do tego diva. Później jednak okazało się, że możliwe jest wstawienie całego tego diva jako nazwy hiperłącza. Pomyślałem, że będzie to lepsze rozwiązanie z względu na użytkowników z wyłączoną/blokowaną JS.

Jednak w takim wypadku strona nie waliduję się poprawnie w walidatorze. Problemem jest umieszczenie elementu blokowego (div) wewnątrz liniowego (a).

Tak więc w jaki najlepszy sposób zrobić "klikalnego" diva?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Damonsson
post
Post #2





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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


Może, nadaj
  1. a {
  2. display: block
  3. }


? ;>

Ten post edytował Damonsson 22.09.2010, 23:21:05
Go to the top of the page
+Quote Post
8rol
post
Post #3





Grupa: Zarejestrowani
Postów: 66
Pomógł: 0
Dołączył: 10.10.2009

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


Cytat(Damonsson @ 23.09.2010, 00:17:50 ) *
Może, nadaj
  1. a {
  2. display: block
  3. }


? ;>


Od początku tak mam, jednak nic to przecież nie zmienia, gdyż dla walidatora liczy się poprawność szkieletu html.

Cytat(essey @ 23.09.2010, 14:06:06 ) *
Jeżeli chcesz zrobić to za pomocą div'a z powodu np. zawartości w nim (np. nie tylko link, ale jakieś ramki itd.), polecam korzystanie ze znacznika <span></span>, któremu również możesz nadać parametr display:block i pozycjonować wewnątrz <a></a>, a dodatkowo jest zgodny ze standardami.


Rozwiązanie też nie najlepsze, gdyż wewnątrz diva którego chce umieścić w <a> znajdują się inne divy, obrazki itp.
Zamiana głównego diva na span skutkuje tym, że pojawią się problem taki, że w elemencie liniowym <span> nie może znaleźć się blokowy div itd.

No nic, albo będę musiał tak to zostawić (div bezpośrednio jako nazwa hiperłącza [przy Document type html 4]) lub pomyśleć nad przejściem na html5.

Jak ktoś ma jeszcze jakaś koncepcję to chętnie ją poznam.
Pozdrawiam (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

Posty w temacie
- 8rol   DIV jako hiperłącze   22.09.2010, 23:14:07
- - Damonsson   Może, nadaj [CSS] pobierz, plaintext a {displ...   22.09.2010, 23:17:50
|- - 8rol   Cytat(Damonsson @ 23.09.2010, 00:17:5...   23.09.2010, 19:06:27
- - essey   Definitywnie tak! Nie należy dawać div'ów ...   23.09.2010, 13:06:06
- - devnul   CytatDefinitywnie tak! Nie należy dawać div...   23.09.2010, 13:57:39
- - essey   devnul, mówię o html4. Zanim html5 zostanie spopul...   23.09.2010, 14:10:40
- - krispak   Wlasnie o to chodzi aby go popularyzowac i stosowa...   23.09.2010, 14:22:42
- - devnul   Cytatdevnul, mówię o html4. Zanim html5 zostanie s...   23.09.2010, 14:27:32
- - everth   @devnul - chcesz powiedzieć że eksperymentujesz na...   23.09.2010, 14:29:25
- - devnul   Cytat@devnul - chcesz powiedzieć że eksperymentuje...   23.09.2010, 14:34:25
- - everth   @devnul - przecież tam był śmiech, mało mnie obcho...   23.09.2010, 14:50:06
- - devnul   Cytat@devnul - przecież tam był śmiechi o czym to ...   23.09.2010, 15:05:28
- - everth   @devnull - twoje problemy w postrzeganiu świata ni...   23.09.2010, 15:09:08
- - essey   Problem przy stosowaniu html5 i css3 pojawia się, ...   23.09.2010, 15:47:50
|- - devnul   Cytat(essey @ 23.09.2010, 16:47:50 ) ...   23.09.2010, 15:54:30
- - essey   @devnul, ja na to patrzę nieco inaczej. Google jes...   23.09.2010, 16:18:07
- - devnul   CytatW wypadku klientów indywidualnych, kiedy on ż...   23.09.2010, 17:37:34
- - devnul   to może zwyczajnie? [HTML] pobierz, plaintext ...   23.09.2010, 19:08:30
- - essey   Cytat(8rol @ 22.09.2010, 23:14:07 ) P...   23.09.2010, 19:15:13


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: 24.08.2025 - 03:58