Želite da na strani napravite polja koja liče na dugmad a kada korisnik klikne na polje da se otvori nova strana kao da je kliknut link, ali vam ne uspeva? Samo sadržaj polja je link ali ne i celo polje? Evo kako se to u stvari radi:
HTML kod treba da izgleda ovako:
<div class="dugme">
<a href="http://nekilink.com">
<span class="pravo_dugme">
Neki tekst
</span>
</a>
</div>
<div> sadrži dugme ali nije deo dugmeta. Dugme u stvari čini <span> i sav njegov sadržaj koji se nalaze u okviru <a> linka. Vrlo je važno da se ovde upotrebi <span> jer <div> neće raditi posao.
Međutim ovaj HTML i dalje ne radi kako treba, još uvek je samo tekstualni sadržaj link a ostali (prazan) prostor u dugmetu se ne može klikunuti. Potrebno je i malo CSS-a:
.dugme {
width:100px;
height:100px;
}
.pravo_dugme {
display: inline-block;
width:100%;
height:100%;
}
Tek sada polje celo postaje klikabilno.
Ne znam da li si iz nekog razloga napravio bas ovakvo resenje..Zasto jednostavnije ne bi bilo:
Neki tekst
a { display: inline-block; padding: 30px; }
Ovako kako sam dao primer može da se u stavi složen sadržaj.