7 Replies - 1870 Views - Last Post: 04 June 2012 - 04:23 AM

#1 notice88  Icon User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 83
  • Joined: 21-December 11

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

Posted 04 June 2012 - 01:58 AM

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>





Is This A Good Question/Topic? 0
  • +

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

#2 Dormilich  Icon User is offline

  • 痛覚残留
  • member icon

Reputation: 3390
  • View blog
  • Posts: 9,586
  • Joined: 08-June 10

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

Posted 04 June 2012 - 02:02 AM

Id go the easy way and do it in HTML, otherwise I had to use position, which is more prone to positioning issues.
Was This Post Helpful? 0
  • +
  • -

#3 notice88  Icon User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 83
  • Joined: 21-December 11

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

Posted 04 June 2012 - 02:07 AM

View PostDormilich, on 04 June 2012 - 02:02 AM, said:

Id 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
Was This Post Helpful? 0
  • +
  • -

#4 Dormilich  Icon User is offline

  • 痛覚残留
  • member icon

Reputation: 3390
  • View blog
  • Posts: 9,586
  • Joined: 08-June 10

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

Posted 04 June 2012 - 02:09 AM

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)?
Was This Post Helpful? 0
  • +
  • -

#5 notice88  Icon User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 83
  • Joined: 21-December 11

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

Posted 04 June 2012 - 03:10 AM

View PostDormilich, 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.
Was This Post Helpful? 0
  • +
  • -

#6 Dormilich  Icon User is offline

  • 痛覚残留
  • member icon

Reputation: 3390
  • View blog
  • Posts: 9,586
  • Joined: 08-June 10

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

Posted 04 June 2012 - 03:59 AM

but if you have the submit button on top of the text box, how do you put text in it?
Was This Post Helpful? 0
  • +
  • -

#7 notice88  Icon User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 83
  • Joined: 21-December 11

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

Posted 04 June 2012 - 04:08 AM

View PostDormilich, 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)

  • Attached Image

Was This Post Helpful? 0
  • +
  • -

#8 Dormilich  Icon User is offline

  • 痛覚残留
  • member icon

Reputation: 3390
  • View blog
  • Posts: 9,586
  • Joined: 08-June 10

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

Posted 04 June 2012 - 04:23 AM

then why dont you put it right next to the text field? doesnt seem to make any difference to me.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1