Jump to content

Need Help Putting Submit Button Under Searchbar

ShenaniganCoder

I'm having trouble putting a submit button under the search bar. 

<div id="body">
		<table>
			<tr>
				<td>
					<a href="http://www.brucetelecom.com/backtoschool.php">
						<img src="backtoschool2016.jpg" />
					</a>
				</td>
				<td>
					<a href="http://www.brucetelecom.com/selectlocation.php?referral=%2Fbundles.php">
						<img src="bundle_banner.jpg" />
					</a>
				</td>
				<td>
					<a href="http://www.brucetelecom.com/tveverywhere.php">
						<img src="banner_tmn.png" />
					</a>
				</td>
			</tr>
			<tr>
				<td>
					<a href="http://www.brucetelecom.com/iphone_details.php">
						<img src="iphone_se.jpg" />
					</a>
				</td>
				<td>
					<a href="http://www.brucetelecom.com/wireless.php">
						<img src="banner_bberry_leap.jpg" />
					</a>
				</td>
				<td>
					<a href="http://www.brucetelecom.com/aboutus.php">
						<img src="ask_about_rotator.jpg" />
								</a>
				</td>
			</tr>
		</table>
		<table id="dummy">
			<tr>
				<td>	
					<a href="http://www.brucetelecom.com/auto_payments.php">
						<img src="http://www.brucetelecom.com/images/gopaperless_hp_new.jpg" />
					</a>
				</td>
				<td>
					<a href="http://www.brucetelecom.com/brucetv.php">
						<img src="http://www.brucetelecom.com/images/brucetv_hp.jpg" />
					</a>
				</td>
				<td>
					<a href="http://www.brucetelecom.com/Internet.php">
						<img src="http://www.brucetelecom.com/images/connect-more-hpbanner.gif" />
					</a>
				</td>
			</tr>
			<tr>
				<td>
					<a href="http://www.brucetelecom.com/enewsletter.php"> 
						<img src="http://www.brucetelecom.com/images/newsletter-sign-up.png" />
					</a>
				</td>
				<td>
					<form>
						<fieldset>
							<a href="http://www.google.com/webhp?safe=vss">
								<img src="http://www.brucetelecom.com/images/google.gif"/>
							</a>
							<br>
							<legend>Google Search:</legend>
							<input id="searchbar" type="text">
							<input type="submit" id="search">
				</td>
				<td>
					<img src="http://www.brucetelecom.com/images/network_green.png" />
				</td>
		</table>
	</div>
a:link {
	text-decoration: none;
}
ul {
	list-style: none;
	font-size: 0;
}
#body {
	float: right;
	margin-right: 205px;
	margin-bottom: 100px;
}
#sidebar {
	float: left;
	margin-left: 165px;
}
body {
	text-align: center;
}
#disclaimer {
	margin-right: 550px;
}
#dummy {
	margin-left: 50px;
}
#dummy td {
	border: 1px solid black;
}
#searchbar {
	width: 162px;
	border: 1px solid #999999;
	size: 15;
}

http://imgur.com/a/k6NrB

 

Link to comment
Share on other sites

Link to post
Share on other sites

Ddd display: block; to #searchbar and submit button will wrap down. You also forgot to close form and fieldset tags.

Link to comment
Share on other sites

Link to post
Share on other sites

On 28/08/2016 at 10:09 AM, Mr_KoKa said:

Ddd display: block; to #searchbar and submit button will wrap down. You also forgot to close form and fieldset tags.

What does "Ddd" mean?

EDIT: Thanks, that worked!

Edited by ShenaniganCoder
Link to comment
Share on other sites

Link to post
Share on other sites

Just now, Mr_KoKa said:

Sorry, I meant "Add" :P

That's fine, can you please help me on my newest post?

Link to comment
Share on other sites

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×