[notice88]

how can i put a submit button above the text box by using CSS.

<style>


#searchTextBox {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index:-3;
}


#SubmitSearch{
	height:17px;	
	width:20px;
	background-image:url(Magni_glass.png);
	background-size: 15px 15px;
	background-repeat:no-repeat;
	color:transparent;
	background-color:#FFF;
	border:1px solid white;
	margin-right:-15px;
	z-index:0;
}

</style>


<div id = "search" align="right">
	<form name="search" method="post" action="" >
    	<input type="submit" name="submit" value="SearchTags" id="SubmitSearch">
		<input type="text" name="search" value="" id='searchTextBox'> 
        <select name="Category">
        <?php echo $opt->ShowCategory(); ?>
        </select>
    </form>
</div>

[Dormilich]

I’d go the easy way and do it in HTML, otherwise I had to use position, which is more prone to positioning issues.

[notice88]

Dormilich, on 04 June 2012 - 02:02 AM, said:

I’d go the easy way and do it in HTML, otherwise I had to use position, which is more prone to positioning issues.

but how? my project manager wants it that way. i can just put a background image in the text box but its not clickable

[Dormilich]

we seem to have a slight communication problem. what do you mean by "above"? does it mean before (order-wise) or on top/stacked (layer-wise)?

[notice88]

Dormilich, on 04 June 2012 - 02:09 AM, said:

we seem to have a slight communication problem. what do you mean by "above"? does it mean before (order-wise) or on top/stacked (layer-wise)?

I mean on Top of the text box. I want the submit button to be on top of the textbox.

[Dormilich]

but if you have the submit button on top of the text box, how do you put text in it?

[notice88]

Dormilich, on 04 June 2012 - 03:59 AM, said:

but if you have the submit button on top of the text box, how do you put text in it?

i will just consume the very left portion of it. i attached a picture of a round rectangle and a magnifying glass by its right. that magnifying glass is the submit button..

Attached image(s)

• 

[Dormilich]

then why don’t you put it right next to the text field? doesn’t seem to make any difference to me.