[Last Call] Learn about multicloud storage options and how to improve your company's cloud strategy. Register Now

x
?
Solved

how can i embed sumbit button inside textbox like yahoo

Posted on 2009-07-10
5
Medium Priority
?
1,882 Views
Last Modified: 2013-11-19
how can i embed a submit button or image inside the texbox like bing.com or yahoo.com
0
Comment
Question by:linkdot
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
5 Comments
 
LVL 43

Expert Comment

by:David S.
ID: 24827305
They aren't; they just look like they are.  Bing removed the borders from the text box and put a background on a parent to make it look like that.  Yahoo made the submit button overlap the right edge of the text box.
0
 
LVL 17

Accepted Solution

by:
selvol earned 2000 total points
ID: 24833406
Here you go... The 2 images and the attached as "code" html page need to be place in the same folder.
The images can be changed. This was just proof of concept.    
Some thing to go off of.
 
Selvol

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Untitled Page</title>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div id="searchbox" style="overflow:hidden;position:absolute;left:114px;top:66px;z-index:1" align="left">
<img src="images/search.png" id="Image1" alt="" align="top" border="0" style="width:527px;height:36px;"></div>
<input type="text" id="search" style="position:absolute;left:124px;top:76px;width:380px;border:0px #000000 dotted;font-family:Courier New;font-size:16px;z-index:2" name="search" value="">
<input type="image" name="buttom" id="button" src="images/clear.png" style="position:absolute;left:510px;top:76px;width:127px;height:22px;z-index:3">
</body>
</html>

Open in new window

clear.png
search.png
0
 
LVL 17

Assisted Solution

by:selvol
selvol earned 2000 total points
ID: 24833636
Correction the images need to go into a folder names "images". The folder should be in the same dir. as the html file.
 
Selvol
0
 
LVL 17

Expert Comment

by:selvol
ID: 24876955

Did you ever solve this?.
 
Selvol
0

Featured Post

Enroll in October's Free Course of the Month

Do you work with and analyze data? Enroll in October's Course of the Month for 7+ hours of SQL training, allowing you to quickly and efficiently store or retrieve data. It's free for Premium Members, Team Accounts, and Qualified Experts!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn how to dynamically set the form action using jQuery.
Suggested Courses

650 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question