Solved

how can i embed sumbit button inside textbox like yahoo

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

U.S. Department of Agriculture and Acronis Access

With the new era of mobile computing, smartphones and tablets, wireless communications and cloud services, the USDA sought to take advantage of a mobilized workforce and the blurring lines between personal and corporate computing resources.

Question has a verified solution.

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

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

821 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