Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML] DIV w A nie waliduje się
pifarek
post
Post #1





Grupa: Zarejestrowani
Postów: 91
Pomógł: 15
Dołączył: 3.03.2009
Skąd: Włocławek

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


Mam taki kod:
  1. <a href="#">
  2. <div>
  3. coś tam
  4. </div>
  5. </a>


Potrzebuję takiego rozwiązania i nawet to działa, ale validator w3c twierdzi, że tak nie może być...

Cytat
Line 89, Column 32: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag


Można to jakoś inaczej zapisać?
Go to the top of the page
+Quote Post
Agape
post
Post #2





Grupa: Zarejestrowani
Postów: 384
Pomógł: 13
Dołączył: 16.06.2006

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


zaley do czego ja np ostatnio napisalem menu na listach ul, li a w srodku jest "a", mam obszar linku na calym li

tematy byl juz poruszany (1 wynik w google) wiec mozesz tez tak:
http://forum.php.pl/index.php?showtopic=56209
Go to the top of the page
+Quote Post
mls
post
Post #3





Grupa: Zarejestrowani
Postów: 677
Pomógł: 89
Dołączył: 31.08.2003
Skąd: Warszawa

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


Cytat(pifarek @ 26.09.2009, 22:59:16 ) *
Potrzebuję takiego rozwiązania i nawet to działa, ale validator w3c twierdzi, że tak nie może być...


Elementów blokowych (div) nie można umieszczać w elementach liniowych (a).
Aby validator nie zgłaszał błędów, zastąp div elementem liniowym, np. span. Zawsze stylem CSS możesz zmienić jego zachowanie na element blokowy (display: block).
Go to the top of the page
+Quote Post
pifarek
post
Post #4





Grupa: Zarejestrowani
Postów: 91
Pomógł: 15
Dołączył: 3.03.2009
Skąd: Włocławek

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


Niby tak, ale po zamianie na span dziwnie te elementy zaczynają się zachowywać. Musiałem użyć window.location.href...
Go to the top of the page
+Quote Post
Agape
post
Post #5





Grupa: Zarejestrowani
Postów: 384
Pomógł: 13
Dołączył: 16.06.2006

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


A co dokładnie? Może w css trzeba zmienić parę rzeczy dot wyglądu i by było dobrze
Go to the top of the page
+Quote Post
cojack
post
Post #6





Grupa: Zarejestrowani
Postów: 898
Pomógł: 80
Dołączył: 31.05.2008

Ostrzeżenie: (20%)
X----


Kolego robisz tak:

<div id="someDiv">
<a class="pustyLink" href="#" ,...>

</div>


div#someDiv { width: 30px; height: 20px; }
div#someDiv:hover { background: #000 }
div#someDiv > a.pustyLink { display: block; width: inherit; height: inherit }

i śmiga aż trzeszczy.
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: 24.12.2025 - 18:41