Use an Image as Button in Html and Css -


i have been using game assets collection build game upon. main problem arises how include user interface buttons.

currently button collection of different gradients , font. i’ve tried convert images gradient background property have failed plus font being used collection of characters represented images.

what best practice solve problem? use images button? correct semantic markup?

example of button

semantic of button

thnx! response on question, isn't how it; correct semantic markup.

currently i've solved following setup seems reasonable.

<label>     <img src="/abutton.png" alt="send message"> </label> 

try follows

html

<input type="submit" id="search" name="submit" alt="search" value=""> 

css

input#search    { background:url(../search-icon.png); background-repeat: no-repeat; width:40px; height:40px; border: 0; } input#search:hover    {     background:url(../search-icon2.png);     background-repeat: no-repeat;     width:40px;     height:40px;     border: 0;     } 

Comments

Popular posts from this blog

javascript - Hide toolbar of pdf file opened inside iframe using firefox -

Copy range with conditional formatting -

Ansible - ERROR! the field 'hosts' is required but was not set -