Solved

how can i embed sumbit button inside textbox like yahoo

Posted on 2009-07-10
5
1,873 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
  • 3
5 Comments
 
LVL 42

Expert Comment

by:David S.
Comment Utility
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
Comment Utility
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
Comment Utility
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
Comment Utility

Did you ever solve this?.
 
Selvol
0

Featured Post

What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
This article discusses four methods for overlaying images in a container on a web page
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…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

762 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

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now