css - HTML's input type = button not clickable in chrome? -


i've got problem few buttons clickable in upper ~25% of button, pointer doesn't appear anywhere below mark.
tried things , when changed in css display: block , whole button became clickable again, when tried display: inline-block bugs again beeing not clickable.

however only happens in chrome, works fine in ie , firefox. , back button works aswell whole, 3 asigned class buttonrot ain't working.. whats wrong here?

here's code : [html]

<form method="post" action="zumtesten7.php" style="background-color:white"> <input type="button" value="jetzt freigeben" name="speichern" onclick="dosubmit(this.form,<?php echo (int) $intsnr.','.$buchungsnr ?>)" class="buttonrot">&nbsp;&nbsp;&nbsp;&nbsp; <input type="button" value="stornieren" name="storno" onclick="dostorno(this.form,<?php echo $intsnr.','.$buchungsnr ?>)" class="buttonrot">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="button" value="seite drucken" name="drucken" onclick="javascript:window.print()" class="buttonrot"> <input type="button" value="zurück" name="back" onclick="javascript:window.location.href='zumtesten6.php?snr=<?php echo $intsnr;?>'" class="buttonblau"  style="margin-left: 592px;margin-top:-20px"> 

[css]

.buttonrot {     padding: 0 5px;     border: 0;     box-shadow: 2px 2px 2px #000;     text-shadow: 1px 1px 1px #000;     width:auto;     height:22px;     cursor:pointer;     font-weight:bold;     background-color:#cc0000;     color:#ffffff; }  .buttonblau same    background-color:#00aaee; 

i guess has form?
changed bg-color @ first line black visible , 3 red ones in it.
bugged ones, blue wasn't in , works.

edit: marked area clickable http://imgur.com/mj0viwt , outer bottom line of button,
have super pixel-precise..
edit 2 : tried increase padding, clickable.. seems text isn't clickable, padding top , bottom clickable. i'm confused.

seems got rid of it after </td></tr>'ing after 3 red buttons , opening new ones blue one. don't know how it's clickable whole again.. worked aswell after tried remove margin only. programming confusing. :(

(i'm sorry can't jsut comment).

your problem it's padding rule. try change check if click-able area changes too.


Comments

Popular posts from this blog

Android layout hidden on keyboard show -

google app engine - 403 Forbidden POST - Flask WTForms -

c - Why would PK11_GenerateRandom() return an error -8023? -