css - small potion of button is working the rest is left unfocussed -



css - small potion of button is working the rest is left unfocussed -

our application having 2 types of buttons,"button-primary","button-secondary". rendering style class css have float text align , width setted value size of button big width 110px , x-large width 130px.

i made minor changes in css changing "span" in "a" tag

#layout-container span.large, .ui-dialog .ui-dialog-content .modal-content span.large{width:110px;}

new css

#layout-container a.large, .ui-dialog .ui-dialog-content .modal-content a.large{float:left; text-align:center; width:110px;}

because able click button in centre had text , rest of button kept idle. changing css , making minor chages on xhtml page little portion of fixed.

old xhtml

<span class="button-primary x-small"> <h:commandlink id="btnlogin" value="..">

new xhtml

<span class="button-primary"> <h:commandlink id="btnlogin" class=" x-small" value="..">

by declaring class in command link , changing css able utilize little more portion of button. but, still 20px on both button corners left idle. mouse pointer goes there not not focus complte button. little potion of focussed.

is there way rectify button issue? tried changing width. can create finish button work?

css jsf-2

Comments

Popular posts from this blog

How do I check if an insert was successful with MySQLdb in Python? -

delphi - blogger via idHTTP : error 400 bad request -

postgresql - ERROR: operator is not unique: unknown + unknown -