Pomagalnik » forma gumb http://www.pomagalnik.com Strokovnjak za digitalne medije. Thu, 02 Feb 2012 21:54:41 +0000 en hourly 1 http://wordpress.org/?v= Pomagalnik http://www.pomagalnik.com/feed-logo.png http://www.pomagalnik.com 48 48 Pomagalnik - http://www.pomagalnik.com FORME – Zamenjava klasičnega gumba s sliko http://www.pomagalnik.com/html/forme-zamenjava-klasicnega-gumba-s-sliko/ http://www.pomagalnik.com/html/forme-zamenjava-klasicnega-gumba-s-sliko/#comments Wed, 06 Jan 2010 23:02:00 +0000 Jiga http://www.pomagalnik.com/?p=1818 search-g

Klasične gumbe v HTML Formah lahko popestrimo s slikami in tako vizualno izboljšamo suhoparna vnosna polja.

Zamenjavo lahko storimo na dva načina. Prvi način je v sami kodi forme, drugi pa s pomočjo CSS značk.

Primer v formi

<form>
<input type="image" value="Submit" name="submit" src="ime-slike.gif"/>
</form>

 
CSS primer

<style type="text/css">
<!--
#searchsubmit {
background: url(ime-slike.gif) no-repeat left top;
border: none;
cursor: pointer;
height:24px;
position: relative;
width:48px;
}
-->
</style>

<form>
<input id="searchsubmit" type="submit" value="" name="submit" />
</form>

]]> http://www.pomagalnik.com/html/forme-zamenjava-klasicnega-gumba-s-sliko/feed/ 1