Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [css][html] Div jako odnośnik, a poprawność i obsługa przez przeglądarki
Azer
post 4.05.2008, 15:26:57
Post #1





Grupa: Zablokowani
Postów: 5
Pomógł: 0
Dołączył: 4.05.2008

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


Chciałbym ażeby div był odnośnikiem url, lecz po dodaniu: <a><div></div></a>, validator wskazuje na niepoprawność a i Internet Explorer nie obsługuje tego tak jak trzeba
Go to the top of the page
+Quote Post
MWL
post 4.05.2008, 15:34:13
Post #2





Grupa: Zarejestrowani
Postów: 493
Pomógł: 32
Dołączył: 14.04.2008
Skąd: Lenkowski.net

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


Nie ma problemu, to jest bardzo proste do diva wpisz onclick="location=LINK;" gdzie link to oczywiście adres url, jeśli to nei działa zrób to tak

  1. function link(url) {
  2. window.location=url;
  3. }
  4. <div onclick="link('ADRES')"></div>


Problem może być taki że jak ktoś nie ma obsługi js'a (co rzadko się zdarza) nie podziała to...

Ten post edytował MWL 4.05.2008, 15:34:30


--------------------
Wpadaj na mój kanał o PHP. Dużo mięsa 🥩!
Go to the top of the page
+Quote Post
Crozin
post 4.05.2008, 15:34:14
Post #3





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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


@MWL a dostępność idzie się.... winksmiley.jpg
  1. <div><a href="...">Kliknij mnie</a></div>
Kod
div{
  width: 400px;
  height: 100px;
}

a{
  display: block;
  width: 100%;
  height: 100%;
}
Go to the top of the page
+Quote Post
MWL
post 4.05.2008, 15:35:30
Post #4





Grupa: Zarejestrowani
Postów: 493
Pomógł: 32
Dołączył: 14.04.2008
Skąd: Lenkowski.net

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


z tego co wiem to a nie jest elementem blokowym to też nie może przyjmować watrości szerokości i wyskokości!!


--------------------
Wpadaj na mój kanał o PHP. Dużo mięsa 🥩!
Go to the top of the page
+Quote Post
Crozin
post 4.05.2008, 15:40:26
Post #5





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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


Pierwsza linia stylów dla a: display: block - i już może winksmiley.jpg
Go to the top of the page
+Quote Post
MWL
post 4.05.2008, 15:42:23
Post #6





Grupa: Zarejestrowani
Postów: 493
Pomógł: 32
Dołączył: 14.04.2008
Skąd: Lenkowski.net

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


Oooo dobre, żeczywiście działa. Ale ja tam wolę javascriptu używać biggrin.gif


--------------------
Wpadaj na mój kanał o PHP. Dużo mięsa 🥩!
Go to the top of the page
+Quote Post
Crozin
post 4.05.2008, 15:44:35
Post #7





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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


Używanie JS do obsługi podstawowej funkcjonalności strony to jak powiedzenie użytkownikom tel. kom. (ogólnie urządzeń mobilnych), przeglądarek bez/z wyłączoną obsługa JS "mam was w...."

Dodatkowo strona nie zostanie poprawnie zaindexowana (chociaż Google powoli zaczyna interpretować JS :])
Go to the top of the page
+Quote Post
MWL
post 4.05.2008, 15:48:35
Post #8





Grupa: Zarejestrowani
Postów: 493
Pomógł: 32
Dołączył: 14.04.2008
Skąd: Lenkowski.net

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


no dobra, ale poweidz mi kto stosuje do żeczy takich jak divy w całości linków, poza tym nei wiem jak google bot zinterpretuje taki przykładowo kod:
  1. <a href="link">Oto link a w środku <a href="link">inny</a></a>
używanie linku do całości elementu blokowego jest co najmniej dziwne, chyba że to div pełniący role loga, tutaj akurat masz rację


--------------------
Wpadaj na mój kanał o PHP. Dużo mięsa 🥩!
Go to the top of the page
+Quote Post
Crozin
post 4.05.2008, 15:54:32
Post #9





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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


Wewnątrz jednego elementu <a> nie może być innego. (podobnie jak z <p>)

A tworzenie czegoś takiego:
  1. <div><a href="...">Sth</a></div>
jest wg mnie conajmiej dziwne - przecież ten <div> jest kompletnie niepotrzebbny winksmiley.jpg Ale mniejsza z tym. (nie mówię przy tym, że wstawianie <a> w każdy element musi być głupie :])

PS. rzeczy

Ten post edytował Crozin 4.05.2008, 15:55:07
Go to the top of the page
+Quote Post
MWL
post 4.05.2008, 15:55:54
Post #10





Grupa: Zarejestrowani
Postów: 493
Pomógł: 32
Dołączył: 14.04.2008
Skąd: Lenkowski.net

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


Wiem o tym linku, ale jeśli chodzi o tego diva i mają być w nim linki to moja metoda jest chyba lepsza <lol>


--------------------
Wpadaj na mój kanał o PHP. Dużo mięsa 🥩!
Go to the top of the page
+Quote Post
Crozin
post 4.05.2008, 16:59:31
Post #11





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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


@MWL Twoja metoda nie jest lepsza. Dostępność (jedna z najważniejszych rzeczy na które powinno się zwracać uwagę przy projektowaniu witryny) kuleje przez to niemiłosiernie.
Go to the top of the page
+Quote Post
.radex
post 9.05.2008, 19:41:02
Post #12





Grupa: Zarejestrowani
Postów: 1 657
Pomógł: 125
Dołączył: 29.04.2006

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


Poczytałbym o dostępności.

btw. o ortografii też.


--------------------
blog | Tadam — minutnik do Pomodoro na Maka :)
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 4.05.2025 - 08:14