Forum PHP.pl > [HTML] DIV w A nie waliduje się

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML] DIV w A nie waliduje się

pifarek

26.09.2009, 21:59:16

Mam taki kod:

[HTML] pobierz, plaintext 
<a href="#">
    <div>
        coś tam
    </div>
</a>
[HTML] pobierz, plaintext

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ć?

Agape

26.09.2009, 22:24:05

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

mls

27.09.2009, 00:35:48

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).

pifarek

27.09.2009, 12:00:08

Niby tak, ale po zamianie na span dziwnie te elementy zaczynają się zachowywać. Musiałem użyć window.location.href...

Agape

27.09.2009, 13:10:40

A co dokładnie? Może w css trzeba zmienić parę rzeczy dot wyglądu i by było dobrze

cojack

27.09.2009, 14:16:59

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.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.