Solved

how can i embed sumbit button inside textbox like yahoo

Posted on 2009-07-10
5
1,878 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 42

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 500 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 500 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

Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

Question has a verified solution.

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

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
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 Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

707 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