pondělí 19. září 2011

Neumětelové u Mapy.cz neznají zákonitosti nestingu

Mapy.cz nabízí scriptík přistupující k API a vykreslující ve stránce mapku s odkazem na velkou mapu a dalšími on-line vylepšeními. Obsahuje mimo jiné HTML kód:

<a href="..." target="_blank">
    <div id="mapa" style="width:500px;height:333px"></div>
</a>


Na první pohled v něm nemusíte najít chybu, ale pokud nejste citlivý, třeba stejně jako některé JS Wysiwig editorky, na heslo nesting, postaví se vám vlasy čirou hrůzou! Jak může někdo cpát tlustý do tenkýho? Block do inline? DIV do A? Jedině totální neumětel :-(

Přitom oprava je snadná:
DIV nahradit tagem SPAN a do jeho stylů pro jistotu doplnit display: block;.

MAKE Magazine

Technology Review RSS Feeds

Nejčtenější příspěvky