Question

Hi,

I have some problems with an implementations off custom submit buttons.

pleas take a look on this : http://jsfiddle.net/snowman/xhxwS/9/

The submit button is placed on the wrong side of the text input. To fix this I could remove the following :

a.btn1 > float: left;
a.btn1 > display: block;
a.btn1 span > display: block;

The problem is that the image(button graphics) will look vary strange?

Pleas advice

Answer 1

<input type="text" value="" style="width: 100px; float:left;" name="S" id="S" class="tb1" title="Sökord">
<a onclick="" class="btn1">
    <span>Sök</span>
</a>

Simply add

float:left

to the input style and it places on the left, and the image on its right, as you wanted