Autor Zpráva
Broněk
Profil *
Ahoj, chtěl jsem se zeptat na tento html a css kód.

<a href="/">
<div></div>
</a>

 a {width:100%; height:100%;}
div {width:100px; height:100px; margin: 0 auto; border: solid 10px;}

Teď když kliknu na cokoliv, tak se presmeruji na hlavni stránku, ale šlo by nějak udělat to, že když kliknu na ten div o velikosti 100 x 100 px tak se nic nestane? Že prostě ten odkaz nebude platit pro ten div, jen okolo něj? Děkuji
Chamurappi
Profil
Reaguji na Broňka:
Asi by to šlo udělat JavaScriptem, ale jediné rozumné řešení je dát ten <div> mimo odkaz. Proč musí být uvnitř?
Broněk
Profil *
Chamurappi:
JS to dělat nechci, div je uvnitř, jelikož chci docílit toho, že když uživatel klikne kolem divu, tak se okno zavře, nevím jinak jak tho docílit.
Radek9
Profil
Broněk:
Napozicovat ten div přes to, například pomocí záporného marginu.
peta
Profil
Broněk:
Kdyz je ten div v odkazu, tak to asi nepujde nebo reseni nemusi fungovat v ruznych prohlizecich.
Ja bych pouzil reseni Radek, ale s tim, ze div by byl mimo ten odkaz, jak psal Chamurappi. uz jen proto, ze blokovy "div" do radkoveho "a" nepatri

<span class="item"> <a href="/">aaa</a> <span>bbb</span> </span>
<style>
.item a {}
.item span {}
</style>
Bubák
Profil
peta:
uz jen proto, ze blokovy "div" do radkoveho "a" nepatri
To je předsudek, to odkazu jde šoupnout vělšinu blokových elementu a v prohlížečích to funguje. Vadí to akorát při validaci oproti DTD.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: